一：html如何取消(加上)下划线
在html标签中，我们可以使用<u></u>就可以加上下划线，取消的话，就把<u></u>去掉就可以了。
例如：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>html下划线标签实例讲解</title>
</head>
<body>
我是高手!<br/>
php是网址!<br/>
<u>http://www.php.cn/</u>
</body>
</html>
html代码效果：
微信截图_20181023133459.png
二:使用css样式进行下划线样式的设置
css可以利用text-decoration:underline进行下划线的取消和加上，例如：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="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>
<divclass="php5">我被加下划线</div>
<divclass="php5_1">我被加贯穿删除线</div>
<divclass="php5_2">我被加上划线</div>
<divclass="php5_3">我是去掉下滑线</div>
</body>
</html>
</html>
本文转载自中文网
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h54448.shtml
