css横线怎么弄？用CSS样式画横线的方法？

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;

}

用CSS样式画横线的方法？

1、新建文件，创建文字下划线。

2、效果如图，是不是觉得文字和下划线离得太近了。

3、创建一行文字为span设置样式。

4、效果如图，文字和下划线的距离是不是好多了。

5、还可以设置下划线的颜色。

6、效果如图。

7、还可以设置下划线的样式。

8、效果如图。

扩展资料：

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

一般有两种方法：

一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。

实例演示如下：

1、实例代码如下：

此时页面效果如下：

2、修改第1步中的txt样式，加入text-decoration:underline。

此时页面效果如下，出现了下划线。

二、通过设置div的border实现效果：

实例演示如下：

在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：

此时页面效果如下：

电脑上字底下的横线怎么弄？

在电脑上使用字底下的横线可以使用以下几种方法：

1. 在Microsoft Word中

在Word文档中，可以使用快捷键Ctrl + Shift + D来插入横线。

2. 在网页中

在网页中使用字底下的横线可以使用HTML语言中的标签< u >和< /u >。例如，< u >这是下划线< /u >将在网页上显示为：这是下划线。

3. 在其他文本编辑器中

在其他文本编辑器中，可以使用Unicode编码来插入横线。例如，在Windows系统中，可以使用Alt + 8212来插入横线。

4. 使用输入法

有些输入法也提供插入横线的快捷键。例如，使用搜狗输入法时，可以按Shift + 6来插入横线。