css横线 css横线怎么弄

用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、实例代码如下：

2、此时页面效果如下：

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

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

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

6、此时页面效果如下：

html如何让字写在横线上

你可以用div标签去实现：

<div style=" text-decoration:line-through" >横线中间有字</div>

【html5与html的区别】

html通常指的是用来写网页的超文本代码，比如

<div>

<img src="ttt.jpg" /></div>

html从最初仅用来表示文本转变到后来的富文本，甚至多媒体。上面的代码就在页面插入了一张图片。至此，html仅用来表示内容，有时也表示显示样式（现在已用css来描述内容了），还有简单的交互（现在用javascript）。

但是，到这个时候，很多功能在互联网上都要借助插件实现，比如播放多媒体，利用长连接进行通信，RPC等。于是，html5出来了，你可以认为他是html4后面的一个版本，但他不仅仅是html，还包含很多新加入的API，如文件API，websockt等。所以，通常被认为html5是web app开发所用到的html，javascript，css3等的总和。