CSS(九)
来源:互联网 发布:centos 格式化硬盘 编辑:程序博客网 时间:2024/04/30 08:30
CSS 链接
不同的链接可以有不同的样式。
链接样式
链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。
特别的链接,可以有不同的样式,这取决于他们是什么状态。
这四个链接状态是:
- a:link - 正常,未访问过的链接
- a:visited - 用户已访问过的链接
- a:hover - 当用户鼠标放在链接上时
- a:active - 链接被点击的那一刻
实例
a:link{color:#000000;}/* 未访问链接*/a:visited{color:#00FF00;}/* 已访问链接*/a:hover{color:#FF00FF;}/* 鼠标移动到链接上*/a:active{color:#0000FF;}/* 鼠标点击时*/
尝试一下 »
当设置为若干链路状态的样式,也有一些顺序规则:
- a:hover 必须跟在 a:link 和 a:visited后面
- a:active 必须跟在 a:hover后面
常见的链接样式
根据上述链接的颜色变化的例子,看它是在什么状态。
让我们通过一些其他常见的方式转到链接样式:
文本修饰
text-decoration 属性主要用于删除链接中的下划线:
实例
a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:underline;}a:active{text-decoration:underline;}
尝试一下 »
背景颜色
背景颜色属性指定链接背景色:
实例
a:link{background-color:#B2FF99;}a:visited{background-color:#FFFF85;}a:hover{background-color:#FF704D;}a:active{background-color:#FF704D;}
尝试一下 »
更多实例
添加不同样式的超链接
这个例子演示了如何为超链接添加其他样式。
高级 - 创建链接框
这个例子演示了一个更高级的例子,我们结合若干CSS属性显示为方框。
阅读全文
0 0
- CSS(九)
- CSS(九)
- CSS 背景(九)
- <css 九>margin
- CSS学习笔记(九)CSS 文本
- CSS学习(九)-CSS背景
- XML:CSS基础之九
- (九)css(字体)
- jquery 实现原理九:css
- HTML+CSS学习笔记 (九)
- CSS(九) 设置表格样式
- Css基础学习(九)—缩写
- 网页制作CSS样式九条技巧
- CSS实例(九):多种菜单效果
- css九种的DIV边框样式
- CSS基础学习九:伪类
- 《HTML+CSS基础课程》学习笔记九
- 【CSS笔记九】单位和值
- An introduction to smoothing--forcked from matthew-brett
- Aerospike insert、drop、read和emigrate加锁及引用计数流程
- 算法模板——线段树
- 对象扩展
- Shell 字符串
- CSS(九)
- linux安装svn
- win7端口号被占用Address already in use bind 解决方案
- Programming Scala, 2nd Edition.pdf 英文原版 免费下载
- CSS(十)
- 12.2日作业
- 学班工作
- OpenCV 颜色空间转换参数CV_BGR2GRAY改变
- HDU 2401.Baskets of Gold Coins