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

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com

评论“CSS简单实现重叠线效果”

暂无“CSS简单实现重叠线效果”评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。