CSS链接样式
2017-08-11 16:46
260 查看
我们能够以不同的方法为链接设置样
HTML <a> 标签:<a href="http://www.w3school.com.cn">W3School</a>
未访问链接:a:link{color:red;}
已访问链接:a:visited{color:blue;}
鼠标移动到链接上:a:hover{color:pink;}
鼠标点击时:a:active{color:yellow;}
超链接在浏览器中默认是有下划线的,则删除下划线样式如下:
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
overflow 属性规定当内容溢出元素框时发生的事情,hidden内容会被修剪,并且其余内容是不可见的。
clear 属性规定元素的哪一侧不允许其他浮动元素
清除左右浮动:
HTML <a> 标签:<a href="http://www.w3school.com.cn">W3School</a>
未访问链接:a:link{color:red;}
已访问链接:a:visited{color:blue;}
鼠标移动到链接上:a:hover{color:pink;}
鼠标点击时:a:active{color:yellow;}
超链接在浏览器中默认是有下划线的,则删除下划线样式如下:
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
overflow 属性规定当内容溢出元素框时发生的事情,hidden内容会被修剪,并且其余内容是不可见的。
.row_line { width: 100%; font-size: 1.4rem; overflow: hidden; background-color: white; }
clear 属性规定元素的哪一侧不允许其他浮动元素
清除左右浮动:
.box_help { margin: 2rem 1rem 1.5rem 1rem; border: 1px solid #E5E5E5; background: white left top repeat-x #FFF; clear: both; }
相关文章推荐
- HTML+CSS编写静态网站-29 改变链接和页脚样式
- 用CSS定义链接样式
- css 链接变颜色 (加边框设置样式)
- CSS链接的样式a:link,a:visited,a:hover,a:active
- [转载]CSS<a href>链接样式冲突解决方法!
- CSS中超链接样式的书写顺序
- CSS链接悬停样式
- CSS中A链接样式的 "爱恨"原则
- CSS学习笔记:链接的样式声明顺序
- css定义超级链接a标签里面的title的样式
- css 链接变颜色 (加边框设置样式)
- 精通CSS-链接样式
- css 链接变颜色 (加边框设置样式)
- HTML5 css链接添加不同的样式
- CSS之a链接标签样式
- 同一html页面中不同链接的不同样式的css代码
- css 链接变颜色 (加边框设置样式)
- CSS学习笔记(八)链接样式
- CSS定义链接的样式
- 读书笔记--精通CSS高级Web标准解决方案(五)---链接样式