CSS超链接的常见设置

Author: 刘老师(Aaron Lau)

CSS超链接的常见设置

就拿下面这个超链接做演示

<a href="http://www.whphp.com">武汉php</a>

一般对超连接常见的设置,就是设置文字大小,下划线,颜色等等。

先讲解一下,超链接的四种状态

/* 未被访问的链接 */
a:link {color:#FF0000;}

/* 已被访问的链接 */
a:visited {color:#00FF00;}

/* 鼠标指针移动到链接上 */
a:hover {color:#FF00FF;}

/* 正在被点击的链接 */
a:active {color:#0000FF;}

一般来说,只需要设置a,a:activea:hover即可

/* 注意:一般a都是和a:active一起设置的*/
/* 设置超链接的默认样式和鼠标正在被点击的样式*/
a, a:active{
    /* 去掉超链接的下划线 */
    /* 去掉下划线:none; 加上下划线:underline */
    text-decoration:none;

    font-size:14px;
    color:#08c;
}

/* 设置鼠标放上去时的样式 */
a:hover {
    color:red;
}
上一篇课程 下一篇课程

学生登录