方法和详细的操作步骤如下：
1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。
2、第二步， 执行完上面的操作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。
3、第三步， 执行完上面的操作之后，border-bottom: #FF0000 2px solid ； 将边框大小设置为2PX红色边框，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。
html中font标签本身就是一个设置字体属性的标签，那么它的具体属性有哪些呢?下面由我为大家整理了html中的font设置字体的相关知识，希望对大家有帮助!
html中font设置字体 总结
一、font标签语法与结构
<font color="#FF0000">www.divcss5.com 颜色</font>
Font color设置文本颜色为红色“#FF0000” ，你可能想了解css字体颜色：css color
<font size="6">www.divcss5.com 文字大小</font>
Font size设置文本文字大小尺寸为6 ，你可能想了解css字体大小：css font-size
<font face="微软雅黑">微软雅黑 字体</font>
Font face设置文本字体为“微软雅黑” ，你可能想了解css字体设置： css font-family
二、Font标签说明
常常我们在一个网页中直接使用font标签进行对文本设置文本字体、文本文字大小、文本颜色等样式。
三、Font应用案例html代码
<font color="#FF0000">www.divcss5.com 设置文本颜色</font><br />
<font size="6">www.divcss5.com 设置文本字体大小</font><br />
<font face="微软雅黑">微软雅黑字体 设置了文本字体</font>
补充：css5对于font直接设置网页文本样式标签总结
1)、使用font size设置文字大小
2)、使用html font标签face属性 设置文字字体
3)、使用html font color 设置文字颜色
HTML标签：<b>粗体格式</b>
<i>斜体格式</i>
<small>小字体格式</small>
<font size="2">这一段的字体大小的值是2。</font>
<font fac="arial">这一段的字体是arial。</font>
文字<sub>下标</sub>格式
文字<sup>上标</sup>格式
CSS格式：
#span1 {font-weight:bold/*粗体*/<br>font-size:16px/*字体大小*/<br>font-family:arial/*字体为arial*/<br>color:#ff0000/*颜色红色*/<br>background-color:#fffff/*背景色白色*/<br>}
