对超级链接进行美化 | 学习笔记

简介: 快速学习对超级链接进行美化。

开发者学堂课程【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;

}

相关文章
|
5月前
|
前端开发 JavaScript UED
页面美化
页面美化
71 2
|
3月前
闪动文字动态效果404单页源码
闪动文字动态效果404单页源码,将源码放到空白的404.html里面即可,上传到服务器设置好重定向就可以使用了,喜欢的同学拿去使用吧
29 4
闪动文字动态效果404单页源码
|
11月前
|
前端开发
css3制作鼠标悬浮图文动画效果
css3制作鼠标悬浮图文动画效果
50 0
|
算法 计算机视觉
图片的美白与美化
图片的美白与美化
116 0
|
前端开发 UED
CSS样式小项目实战 - 网页变色小按钮
CSS样式小项目实战 - 网页变色小按钮
146 0
CSS样式小项目实战 - 网页变色小按钮
|
前端开发 开发者
超级链接| 学习笔记
快速学习超级链接。
111 0
超级链接| 学习笔记
|
开发者
幻灯片和图集|学习笔记
快速学习幻灯片和图集
幻灯片和图集|学习笔记
绚丽的网页菜单
绚丽的网页菜单
106 0