亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Gaya pautan CSS

Gaya pautan CSS:

a :pautan (tidak dilawati)



a:tuding (tuding tetikus)

a:dilawati (dilawati: sebenarnya telah sampai ke halaman itu)

a:aktif (klik tetikus dan lepaskan) (Ia tidak mempunyai kesan pada objek tanpa atribut href)

Elemen ini mempunyai susunan yang berbeza apabila mentakrifkan CSS, yang secara langsung akan membawa kepada kesan paparan pautan yang berbeza.

Kekhususan diisih daripada umum kepada khas: pautan--dilawati--tuding--aktif

Kesan yang diingini boleh dicapai seperti berikut:

a: pautan {warna: biru}

a:dilawati{warna: merah}

a:legar{warna: kuning}

a:aktif{warna: putih}


Jika ditakrifkan seperti ini:

a:legar{warna: kuning}

a:pautan{warna: biru}

a:dilawati{warna: merah}

a:aktif{warna: putih}

Anda tidak boleh melihat tuding Ia berfungsi, kerana :link ialah kesan yang paling umum dan skopnya lebih besar daripada hover, jadi ayat sebelumnya dilindungi.

Contoh: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>鏈接樣式</title>
<style>
a:link {background-color:#B2FF99;}    /* unvisited link */
a:visited {background-color:#FFFF85;} /* visited link */
a:hover {background-color:#FF704D;}   /* mouse over link */
a:active {background-color:#FF704D;}  /* selected link */
</style>
</head>
<body>
<p><b><a href="/css/" target="_blank">這是一個 link</a></b></p>
<p><b>注意:</b> hover必須在:link和 a:visited之后定義才有效.</p>
<p><b>注意:</b> active必須在hover之后定義是有效的.</p>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>鏈接樣式</title> <style> body {background-color:#eaeaea} a#textColorStyle:link {color:#FF0000;} /* 未被訪問的鏈接 */ a#textColorStyle:visited {color:#00FF00;} /* 已被訪問的鏈接 */ a#textColorStyle:hover {color:#FF00FF;} /* 鼠標(biāo)指針移動到鏈接上 */ a#textColorStyle:active {color:#0000FF;} /* 正在被點(diǎn)擊的鏈接 */ a#underlineStyle:link {text-decoration:none;} a#underlineStyle:visited {text-decoration:none;} a#underlineStyle:hover {text-decoration:underline;} a#underlineStyle:active {text-decoration:underline;} a#bgStyle:link {background-color:#B2FF99;} a#bgStyle:visited {background-color:#FFFF85;} a#bgStyle:hover {background-color:#FF704D;} a#bgStyle:active {background-color:#FF704D;} </style> </head> <body> <!--能夠設(shè)置鏈接樣式的 CSS 屬性有很多種（例如 color, font-family, background 等等）。鏈接的特殊性在于能夠根據(jù)它們所處的狀態(tài)來設(shè)置它們的樣式。--> <h3>鏈接的狀態(tài)</h3> <ul> <li>a:link - 普通的、未被訪問的鏈接</li> <li>a:visited - 用戶已訪問的鏈接</li> <li>a:hover - 鼠標(biāo)指針位于鏈接的上方</li> <li>a:active - 鏈接被點(diǎn)擊的時刻</li> </ul> <p><a id="textColorStyle" href="http://www.baidu.com" target="_blank" title="訪問百度">這是一個鏈接</a></p> <p><b>注釋：</b> <ol> <li>a:hover 必須位于 a:link 和 a:visited 之后</li> <li>a:active 必須位于 a:hover 之后</li> </ol> <p><a id="underlineStyle" href="http://www.baidu.com" target="_blank">自定義鏈接的下劃線樣式</a></p> <p><a id="bgStyle" href="http://www.baidu.com" target="_blank">自定義鏈接的背景色樣式</a></p> <!--鏈接框--> </body> </html>