CSS中取消下划线样式的方法是什么

  

CSS中取消下划线样式的方法是什么?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

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

<强>一:html如何取消(加上)下划线

在html标签中,我们可以使用& lt;标签;& lt;/标签;就可以加上下划线,取消的话,就把& lt;标签;& lt;/标签;去掉就可以了。

例如:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt; title> html下划线标签实例讲解& lt;/title>   & lt;/head>   & lt; body>   我是高手! & lt; br/比;   php是网址! & lt; br/比;   & lt;标签;http://www.php.cn/</标签;   & lt;/body>   & lt;/html>

html代码效果:

 CSS中取消下划线样式的方法是什么

<强>二:使用CSS样式进行下划线样式的设置

CSS可以利用文字修饰:强调进行下划线的取消和加上,例如:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt; title>下划线删除线上划线实例& lt;/title>   & lt; style>   .php5{文字修饰:强调}/*强调下划线*/.php5_1{文字修饰:线穿过}/*线穿过删除线贯穿线*/.php5_2{文字修饰:眉题}/*上划线上划线*/.php5_3{文字修饰:没有;}/*没有是去掉下划线*/& lt;/style>   & lt;/head>   & lt; body>   & lt; div类=皃hp5"在我被加下划线& lt;/div>   & lt; div类=皃hp5_1"在我被加贯穿删除线& lt;/div>   & lt; div类=皃hp5_2"在我被加上划线& lt;/div>   & lt; div类=皃hp5_3"在我是去掉下滑线& lt;/div>   & lt;/body>   & lt;/html>   & lt;/html>

代码效果:

 CSS中取消下划线样式的方法是什么

感谢各位的阅读!看完上述内容,你们对CSS中取消下划线样式的方法是什么大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。

CSS中取消下划线样式的方法是什么