就拿下面这个超链接做演示
<a href="https://clwy.cn">武汉长乐未央</a>
一般对超连接常见的设置,就是设置文字大小,下划线,颜色等等。
# 先讲解一下,超链接的四种状态
/* 未被访问的链接 */
a:link {color:#FF0000;}
/* 已被访问的链接 */
a:visited {color:#00FF00;}
/* 鼠标指针移动到链接上 */
a:hover {color:#FF00FF;}
/* 正在被点击的链接 */
a:active {color:#0000FF;}
一般来说,只需要设置a
和a:hover
即可
/* 设置超链接的默认样式和鼠标正在被点击的样式*/
a{
/* 去掉超链接的下划线 */
/* 去掉下划线:none; 加上下划线:underline */
text-decoration:none;
font-size:14px;
color:#08c;
}
/* 设置鼠标放上去时的样式 */
a:hover {
color:red;
}
/*当超链接的不同状态设置样式时,请按照以下次序规则: */
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
已添加到收藏了