HTML文字下划线的设置

html-css014

HTML文字下划线的设置,第1张

HTML文字下划线怎么设置?很简单,用一个css样式就可以了。下面来看一下。

01

先在html里创建一段文字。

02

这时我们运行页面,可以看到这段文字并没有下划线的。

03

要添加下划线,我们添加一段css代码就行了,代码如下 text-decoration: underline。

04

再次运行页面,可以看到现在的文字就已经有了下划线了。

方法和详细的操作步骤如下:

1、第一步,如果要修改下划线的颜色,大小和其他样式,可以通过border属性设计,使用起来更灵活,见下图,转到下面的步骤。

2、第二步, 执行完上面的操作之后, border-bottom属性用于设置底部边框样式,见下图,转到下面的步骤。

3、第三步,  执行完上面的操作之后,border-bottom: #FF0000 2px solid ; 将边框大小设置为2PX红色边框,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,观察到相同的效果,发现下划线是整个屏幕的宽度,因此接下来将更改宽度,见下图,转到下面的步骤。

5、第五步,执行完上面的操作之后,宽度设置为180px,可以根据实际情况进行调整,见下图,转到下面的步骤。

6、第六步,执行完上面的操作之后,将显示下划线效果,见下图。这样,就解决了这个问题了。

1、首先按照文字的排版要求插入表格,比如下方的3*3表格,并在表格中输入文本。

2、然后选中表格,点击上方的边框-无线边框。

3、接着选中需要添加下划线文本的表格单元格。按照上述步骤,添加下边框和内部边框。

4、我们再选择前端文本,段落改为分散对齐,再将后面文本选择居中。