当前位置:Gxlcms > html代码 > CSS如何实现底线重合效果_html/css_WEB-ITnose

CSS如何实现底线重合效果_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:42人阅读

CSS如何实现底线重合效果:

有时候要实现这样的效果,就是标题下面的下划线颜色和容器的下划线的颜色是不同的,下面就分享一段代码实例。

代码如下:

蚂蚁部落

蚂蚁部落一

今天是个好日子

只有奋斗才会有美好的结果

每一天都是美好的,必须要好好的珍惜

以上代码实现了我们想要的效果,主要的实现原理,是将h元素的margin-bottom设置为-2px,这样h的边框就和div的边框重合的了。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0525/2445.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9623

人气教程排行