开发者学堂课程【CSS 快速掌握:对超级链接进行美化 】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/611/detail/9178
对超级链接进行美化
目录
一、具体内容
二、举例演示
一、具体内容
通常会去掉超级链接的下划线,同时给超级链接设置颜色。
一般情况下:正常状态与访问过后的状态的样式设置为一致
当鼠标经过时给其设置另外一种颜色。激活状态一般不设置,因为激活状态的时间太短。
二、举例演示
举例:
a:link,a:visited {去掉超级链接的下划线;设置一个颜色;}
a:hover {设置另外一个颜色;增加一张下划线;}
演示:
/*
对超级链接进行美化*/
/*
正常状态与访问过后的状态*/
a:link,a:visited {
text-decoration:none;color:#444;
}
/*
鼠标放上状态*/
a:hover {
color: #fdle;
text-decoration: underline;
}