<style type="text/css">
<!-- 超链接文本字体设置-->
A {
FONT-SIZE: 16pxFONT-FAMILY: 宋体
}
<!-- 超链接正在连接的文本字体设置-->
A:link {
COLOR: #0055bbTEXT-DECORATION: none
}
<!-- 超链接访问过的文本字体设置-->
A:visited {
COLOR: #0077bbTEXT-DECORATION: none
}
<!-- 超链接鼠标盘旋的文本字体设置-->
A:hover {
COLOR: #ff0000TEXT-DECORATION: none
}
</style>
通过 CSS，可以在 HTML 中的超链接元素上设置样式。
首先，可以使用 a 标签选择器来选择所有超链接元素。例如:
a {
color: blue
text-decoration: none
}
color:设置超链接文本的颜色
text-decoration:设置或删除下划线
接着，可以使用 :link、:visited、:hover、:active 四个伪类来设置不同状态下的样式。
例如:
a:link {
color: blue
}
a:visited {
color: purple
}
a:hover {
color: red
}
a:active {
color: orange
}
:link 表示未访问过的链接
:visited 表示已经访问过的链接
:hover 表示鼠标悬停在链接上的状态
:active 表示正在点击链接的状态
例如有两个样式不同的a，可以这样设置：.s1 a{color:#000}
.s2 a{color:#fff}
<div class="s1"><a href="#">1111111111111</a></div>
<div class="s2"><a href="#">22222222222222</a></div>
这样两个样式就不一样了
