html超链接样式(四种不同状态)设置示例
- 作者: 生命於花
- 来源: 51数据库
- 2020-08-13
html超链接样式包括：正在连接、访问过、鼠标盘旋，各个文本字体样式设置如下，感兴趣的朋友可以学习下哦。希望对大家有所帮助
<style type="text/css">
<!-- 超链接文本字体设置-->
A {
FONT-SIZE: 16px; FONT-FAMILY: 宋体
}
<!-- 超链接正在连接的文本字体设置-->
A:link {
COLOR: #0055bb; TEXT-DECORATION: none
}
<!-- 超链接访问过的文本字体设置-->
A:visited {
COLOR: #0077bb; TEXT-DECORATION: none
}
<!-- 超链接鼠标盘旋的文本字体设置-->
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
</style>
复制代码
代码如下:<style type="text/css">
<!-- 超链接文本字体设置-->
A {
FONT-SIZE: 16px; FONT-FAMILY: 宋体
}
<!-- 超链接正在连接的文本字体设置-->
A:link {
COLOR: #0055bb; TEXT-DECORATION: none
}
<!-- 超链接访问过的文本字体设置-->
A:visited {
COLOR: #0077bb; TEXT-DECORATION: none
}
<!-- 超链接鼠标盘旋的文本字体设置-->
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
</style>
推荐阅读
