CSS ?? ???? ?? ??? ???
CSS ?? ??? ???: ?????? ??? ??(??? ?? ??? ??? ??)
??????? ? ?? ??? ????.
?? ??(:link): ?? ?? ???? ???? ???? ????.
?? ??(:hover): ?? ?? ???? ??? ?? ??????.
?? ??(:active): ??? ?? ??? ?? ?? ??? ?? ??? ?? ?? ?????.
?? ??(:visited): ??? ?? ??? ??? ???? ??? ??? ?????.
?? ????? ??? ?? ?? ??? ???? ??? ??? ???? ?????.
a:link, a:visited{ color:#444; ; } //"?? ??"? "?? ??"? ??? ?????.
a:hover{ color:#990000; text-??:underline; } //"???? ???" ?? ?? ???
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
</head>
<style type="text/css">
.box {
height:30px;
border:1px solid red;
padding:10px;
}
.box a:link,.box a:visited{color:#66ff88;text-decoration:none; }/*將“正常狀態(tài)”和“訪問過的狀態(tài)”合二為一。*/
.box a:hover{color:#ff0000;text-decoration:underline;}/*“鼠標放上”單做一種效果*/
</style>
<body>
<div class="box">
<a href="#">歡迎來到php.cn</a>|
<a href="#">首頁</a>|
<a href="#">課程</a>|
<a href="#">問答</a>|
<a href="#">手記</a>
</div>
</body>
</html>
