位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

html代碼大全 如何在同一頁面設置不同文字鏈接效果的樣式

提問人:劉團圓發(fā)布時間:2020-11-02

代碼如下: 

<HTML><HEAD><TITLE>如何在同一頁面設置不同文字鏈接效果的樣式</TITLE> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

<style type="text/css"> 

<!-- 

a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline} 

a:link { font-size: 9pt; color: #006699; text-decoration: underline} 

a:visited { font-size: 9pt; color: #006699; text-decoration: underline} 

a:active { font-size: 9pt; color: #FF0000; text-decoration: none} 

a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline} 

a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline} 

a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline} 

a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline} 

--> 

</style> 

</head> 

<body bgcolor="#FFFFFF" text="#000000"> 

<a href="#">下劃線鏈接 </a> 

<p></p> 

<a href="#" class="r1">雙下劃線鏈接</a> 

</BODY> 

</HTML> 

補充說明: 

a:hover 表示鼠標劃過時的樣式. 

a:link 表示鏈接的樣式. 

a:active 表示當前活動連接的樣式. 

a:visited 表示已經(jīng)訪問過的連接的樣式. 

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(0)
返回頂部