如何使用 CSS 在文本上绘制一条水平线？

发布时间：2023-09-11 14:38:26 所属栏目：语言来源：

导读：　　这篇文章主要介绍“在CSS中怎么实现一条横线，方法是什么”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“在CSS中怎么实现一条横线，方法是什么&rd

　　这篇文章主要介绍“在CSS中怎么实现一条横线，方法是什么”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“在CSS中怎么实现一条横线，方法是什么”文章能帮助大家解决问题。

　　方法：1、给元素添加“border-top:粗细值 solid 颜色;”样式，通过设置边框属性画横线；2、给空元素添加“height:粗细值;width:长度;background-color:颜色;”样式，通过设置空元素背景颜色来画横线。

　　1、使用border边框做横线

　　.h{

　　border-bottom: 1px solid black;

　　}

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

　　2、利用空元素设置

　　给一个空元素设置

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

　　.space{

　　height: 1px;

　　background-color: black;

　　}

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!