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

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

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

}

相关文章
|
6月前
|
前端开发 JavaScript UED
页面美化
页面美化
89 2
|
JavaScript 开发者
|
4月前
闪动文字动态效果404单页源码
闪动文字动态效果404单页源码,将源码放到空白的404.html里面即可,上传到服务器设置好重定向就可以使用了,喜欢的同学拿去使用吧
32 4
闪动文字动态效果404单页源码
|
6月前
|
容器
百度富文本上传图片后样式崩塌
百度富文本上传图片后样式崩塌
57 0
百度富文本上传图片后样式崩塌
|
前端开发
css3制作鼠标悬浮图文动画效果
css3制作鼠标悬浮图文动画效果
56 0
Photoshop使用路径排版美化文字创作图案
Photoshop使用路径排版美化文字创作图案
107 0
|
前端开发 开发者
超级链接| 学习笔记
快速学习超级链接。
超级链接| 学习笔记
绚丽的网页菜单
绚丽的网页菜单
109 0
|
Linux Shell
美化
美化
89 0