css设置超链接样式
类别:Web前端 浏览量:11912
时间:2013-11-21 css设置超链接样式
css设置超链接样式css设置超链接样式是通过伪类来实现的
由于超链接有四种不同的状态,CSS用伪类来标识它们。
(1) :link:设置a对象在未被访问前的样式表属性。
(2) :visited:设置a对象在其链接地址已被访问过时的样式表属性。
(3) :hover:设置对象在其鼠标悬停时的样式表属性。
(4) :active:设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
定义超链接的样式:
定义超链接样式的一般格式是:
- 选择符:伪类名 { 样式表 }
css中关于超链接的四个属性正确顺序为:
a:link {}
a:visited {}
a:hover {}
a:active {}
伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的,:active必须被置于:hover之后才是有效的。
如果没有指定伪类,则默认为 :link。
超链接默认情况下是始总有下滑线的,如果要去掉下划线,则需要添加样式 text-decoration: none;
例子:
a:link { color:#dd3409;text-decoration:none; font-size:13px; }/* 超链接的样式 */
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }
您可能感兴趣
- CSS vertical-align的用法
- css cursor鼠标效果
- css不显示滚动条设置(css隐藏移动端滚动条并且ios上平滑滚动的方法)
- css用clearfix清除浮动
- div和css怎么铺背景(css3实现一个div设置多张背景图片及background-image属性实例演示)
- css导航栏特效(CSS导航栏及弹窗示例代码)
- css3怎么改成3d(灵活运用CSS3特性绘制简易版围棋效果)
- css3动画实现loading(CSS3实现粒子旋转伸缩加载动画)
- css中position用法(详解CSS中position属性介绍新增sticky)
- css实现水平垂直居中的方式有哪些(css让容器水平垂直居中的7种方式)
- css3 media媒体查询
- html5和css3最新特性(html5中使用hotcss.js实现手机端自适配的方法)
- css3常用特性(css3学习之2D转换功能详解)
- css无效的常见原因
- css的列表符号怎么设置(reset.css引入以及1px边框问题的解决方法)
- css3表单怎么设置大小(CSS3美化表单控件全集)
- 美国数十万加仑牛奶倒下水道怎么回事 原因曝光令人心痛(美国数十万加仑牛奶倒下水道怎么回事)
- 探索中国神秘文字(探索中国神秘文字)
- 重温《蜗居》 宋思明选中海藻为红颜知己,纯属巧合,与爱无关(宋思明选中海藻为红颜知己)
- 越南旅游攻略(越南旅游攻略自由行)
- 成都旅游攻略(成都旅游攻略自由行最佳线路)
- 给儿童吃什么最好(给儿童吃什么最好消化)