超链接去掉下划线

 分类:div+css教程时间:2017-03-25 14:46:26点击:

 超链接去掉下划线,即把a超链接的下划线去掉,如果css样式表中没有给a超链接做初始化,那么a超链接就会下划线,去掉下划线很简单,就是用到css样式表中的text-decoration,去掉下划线就是值为none即可,请看例子:

<!Doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
    <title>超链接去掉下划线</title>
    <meta name="keywords" content="关键字">
    <style type="text/css">
           a{text-decoration:none;}
    </style>
</head>
<body>
     <a href="http://tangjiusheng.cn">超链接去掉下划线</a>
</body>
</html>

超链接去掉下划线的方法:

a{text-decoration:none;}


效果图:

超链接去掉下划线

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: