高手教您如何取消(加上)下划线样式？两大方法汇总

其中给文字加上下划线样式，有两种方法，一种是利用html直接对文字进行设置，另外一种就是使用css下划线对样式的设置，下面我们来讲解一下对这两种方法。

一：html如何取消(加上)下划线

在html标签中，我们可以使用u> /u> 就可以加上下划线，取消的话，就把u> /u> 去掉就可以了。

例如：

!DOCTYPE html>
     html>
     head>
     meta charset="utf-8" />
     tITle>
    html下划线标签实例讲解/title>
     /head>
     body>
     我是高手!br />
      php是网址!br />
      u>
    http://www.php.cn//u>
    /body>
     /html>
    

html代码效果：

二:使用css样式进行下划线样式的设置

css可以利用text-decoration:underline进行下划线的取消和加上，例如：

!DOCTYPE html>
     html>
     head>
     meta charset="utf-8" />
     title>
    下划线 删除线 上划线实例/title>
     style>
 .php5{
text-decoration:underline}
 /* underline下划线 */ .php5_1{
text-decoration:line-through}
 /* line-through删除线贯穿线 */ .php5_2{
text-decoration:overline}
 /* overline上划线 */ .php5_3{
    text-decoration:none;
}
     /* none是去掉下划线 */ /style>
     /head>
     body>
     div class="php5">
    我被加下划线/div>
      div class="php5_1">
    我被加贯穿删除线/div>
      div class="php5_2">
    我被加上划线/div>
     div class="php5_3">
    我是去掉下滑线/div>
     /body>
     /html>
     /html>
    

代码效果：

以上就是对高手教您如何取消(加上)下划线样式？两大方法汇总的全部介绍，如果你想了解更多有关HTML视频教程，请关注。

以上就是高手教您如何取消(加上)下划线样式？两大方法汇总的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！