大家好，今天小编关注到一个比较有意思的话题，就是关于css3横线的问题，于是小编就整理了4个相关介绍css3横线的解答，让我们一起看看吧。
CSS横线怎么弄？
<p>我是一个段落</p>
<hr />
<p>我是也是个段落</p>
</div>
.h{
border-bottom: 1px solid black;
}
css横线怎么弄？
一、使用 hr 标签做横线
<div >
<p>我是一个段落</p>
<hr />
<p>我是也是个段落</p>
</div>
这里的代码使用一个 <hr /> 标签，将两个段落分割开
二、使用 border 边框做横线
.h{
用CSS样式画横线的方法？
4、效果如图，文字和下划线的距离是不是好多了。
一般有两种方法：
一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。
1、实例代码如下：
此时页面效果如下：
2、修改第1步中的txt样式，加入text-decoration:underline。
此时页面效果如下，出现了下划线。
二、通过设置div的border实现效果：
实例演示如下：
在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：
1、实例代码如下：
2、此时页面效果如下：
3、修改第1步中的txt样式，加入text-decoration:underline。
4、此时页面效果如下，出现了下划线。
5、在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：
6、此时页面效果如下：
用CSS样式画横线的方法？
1、实例代码如下：
2、此时页面效果如下：
3、修改第1步中的txt样式，加入text-decoration:underline。
4、此时页面效果如下，出现了下划线。
5、在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：
6、此时页面效果如下：
1、新建文件，创建文字下划线。
2、效果如图，是不是觉得文字和下划线离得太近了。
3、创建一行文字为span设置样式。
4、效果如图，文字和下划线的距离是不是好多了。
一般有两种方法：
一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。
实例演示如下：
1、实例代码如下：
此时页面效果如下：
2、修改第1步中的txt样式，加入text-decoration:underline。
此时页面效果如下，出现了下划线。
二、通过设置div的border实现效果：
实例演示如下：
在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：
到此，以上就是小编对于css3横线的问题就介绍到这了，希望介绍关于css3横线的4点解答对大家有用。
