您的位置:首页 > Web前端 > CSS

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内容会被修剪,并且其余内容是不可见的。

.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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css overflow clear