如何自行設定Anchor
讓原本常用的Style a:
a:link {text-decoration: none;Color: #330066;font-size:16px;font-family:Arial}
a:visited {text-decoration: none; Color: #330066;font-size:16px;font-family:Arial}
a:active {text-decoration: none; Color: red;font-size:16px;font-family:Arial}
a:hover {Color: white ;background-Color: #330066;font-size:16px;font-family:Arial}
只要在HTML設定如下CSS即可
<html>
<head>
<style type="text/css">
.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}
.class3 A{color:green}
.class3 {color:blue}
</style>
</head>
<body>
<span class="class1">
<a href="http://didier.idv.tw">Didier</a>
<br>
<a href="http://didier.idv.tw">Shining</a>
</span>
<br>
</body>
</html>
搜尋
CSS自訂anchor取代預設a:的設定
標籤: Css