CSS ?? ???
CSS ?? ???:
a :link(???? ??)
a:hover(??? ??)
a:visited(???: ??? ?? ???? ???)
a:active(??? ?? ? ??)(?? ??) href ??? ?? ??)
??? ??? CSS? ??? ? ??? ???, ?? ????? ?? ?? ?? ??? ?????.
???? ???? ??? ?????: link--visited--hover--active
??? ??? ??? ?? ?? ? ????:
a: ?? {??: ???}
a:visited{??: ???}
a:hover{??: ???}
a:active{color: ??}
??? ?? ??? ??:
a:hover{color: yellow}
a:link{color: blue}
a:visited{color: red}
a:active{color: white}
Hover It? ? ? ????. ?????. :link? ?? ???? ???? ??? hover?? ?? ??? ?? ??? ????? ?????.
?:
<!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">這是一個(gè) link</a></b></p> <p><b>注意:</b> hover必須在:link和 a:visited之后定義才有效.</p> <p><b>注意:</b> active必須在hover之后定義是有效的.</p> </body> </html>