CSS简单实现重叠线效果

网站建设 2023-01-28 20:49www.1681989.com免费网站

复制代码
代码如下:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
{paddg:0;marg:0;}/demo偷懒充值样式,实际项目切勿模仿/
.le{border-bottom:2px solid #EBEBEB;marg-:10px;marg-bottom:10px;}
/
marg:10px 0;在实际项目中因为左右0px的权重影响其他样式,多做就知道了。
/
h2{border-bottom:2px solid skyblue;font-size:14px;le-height:20px;
display:le-block;
display:le;
zoom:1;
/兼容le-block----这里可以以用浮动代替/
/le-block遇到text-dent会有兼容问题,原因是 ie6/7 其实还是le/
marg-bottom:-2px;
}
</style>
</head>
<body>
<div class="le">
<h2>蓝悦</h2>
</div>
<div class="le">
<h2>蓝色理想</h2>
</div>
<div class="le">
<h2>前端开发板块</h2>
</div>
<div class="le">
<h2>写一个简单的DEMO</h2>
</div>
</body>
</html>

Copyright © 2016-2025 www.1681989.com 推火网 版权所有 Power by