当前位置:首页>维修大全>综合>

css横线怎么弄(css如何添加文字旁边的横线)

css横线怎么弄(css如何添加文字旁边的横线)

更新时间:2024-05-31 11:33:29

css横线怎么弄

一、使用 hr 标签做横线

<div >

<p>我是一个段落</p>

<hr />

<p>我是也是个段落</p>

</div>

这里的代码使用一个 <hr /> 标签,将两个段落分割开

二、使用 border 边框做横线

.h{

border-bottom: 1px solid black;

}

给元素添加 border 属性,设置边框只会,就可以做到一个横线

三、空元素设置 height,background

给一个空元素设置

height=1px,并且设置 background 背景色,也可以设置一个横线。

.space{

height: 1px;

background-color: black;

}

更多栏目