CSS中常用的一种技巧是在页面中加入分界线。这种技巧能够使页面更易读、更易懂。下面我们来一起学习如何在CSS中加分界线。/* 设置分界线的的样式 */ .hr { border: none; bord
CSS中常用的一种技巧是在页面中加入分界线。这种技巧能够使页面更易读、更易懂。下面我们来一起学习如何在CSS中加分界线。
/* 设置分界线的的样式 */ .hr { border: none; border-top: 1px solid #000; margin: 10px 0; }
以上代码定义了一个名为“.hr”的类,将样式设置为没有边框,上边框为1像素的黑色实线,顶部和底部外边距分别为10个像素。
接着我们在HTML代码中添加分界线。只要添加一个<div>标签,并在其中添加使用类名“.hr”,即可在页面上生成分界线。
<div class="hr"></div>
以上便是如何在CSS中加分界线的例子。当然,这里只是一种方法,根据实际需求,你也可以使用其他样式来实现分界线。
粉丝
0
关注
0
收藏
0