HTML中怎么设置超链接字体颜色和点击后的字体颜色
3 回答
倚天杖
TA贡献1828条经验 获得超3个赞
未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。
实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
-－>
</style>
下面是解释，可以根据自己的需要修改
其中：
a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
underline参数表示超链接的文字有下划线
宝慕林4294392
TA贡献2021条经验 获得超8个赞
加到你的CSS样式表里
body {color: #颜色代码 !important} /*设置全局没链接的文字颜色*/
a:link {color: #颜色代码 !important} /*设置全局未点击链接的颜色*/
a:visited {color: #颜色代码 !important} /*设置全局被点击后的链接颜色*/
a:hover {color: #颜色代码 !important} /*设置全局鼠标悬停在链接上未点击时的颜色*/
a:active {color: #颜色代码 !important} /*设置全局鼠标在点击链接瞬间发生的动作*/
添加回答
举报
0/150
提交
取消