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可以利用文字修饰:强调进行下划线的取消和加上,例如:
& 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中取消下划线样式的方法是什么大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。