<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />
<title>css各种分割线</title>
<style>
body
{
text-align:center
}
.split-line1
{
border-top:solid 1px #999
width:100%
padding:20px 0px
margin-top:20px
}
.split-line2
{
border-top:dashed 1px #999
width:100%
padding:20px 0px
margin-top:20px
}
.split-line3
{
border-top:dotted 1px #999
width:100%
padding:20px 0px
margin-top:20px
}
.split-line4
{
border-top:double 6px #999
width:100%
padding:20px 0px
margin-top:20px
}
</style>
</head>
<body>
第一部分内容
<div class="split-line1">
实线分割线
</div>
<div class="split-line2">
虚线分割线
</div>
<div class="split-line3">
点状分割线
</div>
<div class="split-line4">
双线分割线
</div>
</body>
</html>
“.”，“#”这是类选择，“.”选择class=‘类名’的类；“#”选择id=“类名”的类
“，”在css里是分割符， .offer .box-content .sbox .searchbox i,.resume .box-content .sbox .searchbox i这里面的“，”是和的意思
在浮动元素的后面加一个空的块级元素(通常是div)，并且该元素设置clear：both属性即可隔开。因为浮动的特点是不影响前面的标准流，只影响后面的标准流，因此我们可以在浮动的末尾设定一个空的块级元素标签即可。
