HTML怎么设置下划线？html文字加下划线方法

系统管理员 2021-01-30 17:09 1500阅读 0赞

HTML中的下划线曾经是将文本包含在`<u></u>`标签中的问题，但是这种方法已被放弃，而更倾向于使用更多功能的CSS。一般来说，下划线被认为是引起人们对文本注意的一种方式，那么HTML怎么设置下划线？html文字加下划线方法？下面我们来总结一下。

> 1.使用“text-decoration”CSS样式属性，使用`<u>`标签不再是强调文本的正确方法。而是使用“text-decoration”CSS属性，语法为：`<span style = “text-decoration：underline;” >`这将加下划线`</span >`。  
> 2.如果要为某段文本加下划线，请使用`<span>`标签，将开始标签与“text-decoration”属性一起放在要开始下划线的位置。将结束`</span>`放置在您想要停止的位置。  
> 3.在页面的`<style>`部分声明HTML元素。您也可以在CSS样式表上执行此操作，首先通过将HTML元素声明为样式，可以使下划线过程更容易。例如，要使所有3级标题加下划线，请将以下内容添加到CSS样式部分：  
> 4.创建一个CSS，以便随时快速在样式表或`<style>`部分中实现下划线，您可以创建要在以后调用的类名。

## 代码实例： ##

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>下划线 删除线 上划线实例 </title> 
    <style> 
    .php{text-decoration:underline} 
     </style> 
    </head> 
     <body> 
    <div class="php">我被加下划线</div>  
    </body> 
    </html>

## 代码显示结果： ##

![format_png][]

> 5.考虑其他突出文本的方法。应避免使用下划线以避免混淆读者。一种流行的方法是使用`<em>`标记，它将文本设为斜体。您可以使用CSS进一步定义此标记以获得独特的重点。

以上就是对 HTML怎么设置下划线？html文字加下划线方法的全部介绍，更多内容关注我！

[format_png]: /images/1612026499252.jpg