如何去掉这该死的上划线-HTML教程-爱易网页

如何去掉这该死的上划线

日期：2014-05-17　浏览次数：20587 次

怎么去掉这该死的下划线?



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

<!--

.catname{background: url(../images/bg_title.gif) no-repeat -14px 0; color:#fff; padding:5px; margin:0 10px 0 0; font:bold 13px/22px SimSun;}

#hotcity{font-size:14px;margin:1px 0 0 0;}

#hotcity a{margin:0 5px; text-decoration:underline;}

#hotcity a span{text-decoration:none; font-size:x-small;}

-->

</style>

</head>



<body><div id="hotcity"><span class="catname">热门城市</span><a href="#">伦敦</a><a href="#">曼彻斯特</a><a href="#">伯明翰</a><a href="#">利兹</a><a href="#">诺丁汉</a><a href="#">卡迪夫</a><a href="#">考文垂</a><a href="#">爱丁堡</a><a href="#">斯旺西</a><a href="#">莱斯特</a><a href="#">纽卡斯尔</a><a href="#">谢菲尔德</a><a href="#">牛津</a><a href="#">剑桥</a><a href="#">南安普顿</a><a href="#">利物浦</a><a href="#">拉夫堡</a>

<a href="#">全部<span> ▼</span></a></div>

</body>

</html>

去掉▼的下划线, 现在IE8和FF3都有下划线
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>
<style type="text/css">

.catname{background: url(../images/bg_title.gif) no-repeat -14px 0; color:#fff; padding:5px; margin:0 10px 0 0; font:bold

13px/22px SimSun;}
#hotcity{font-size:14px;margin:1px 0 0 0;}
#hotcity a {text-decoration:underline; font-size:x-small;}
#hotcity>span a {margin:0 5px; text-decoration:none;}

</style>
</head>

<body><div id="hotcity"><span class="catname">热门城市</span><a href="#">伦敦</a><a href="#">曼彻斯特</a><a href="#">伯明翰

</a><a href="#">利兹</a><a href="#">诺丁汉</a><a href="#">卡迪夫</a><a href="#">考文垂</a><a href="#">爱丁堡</a><a href="#">

斯旺西</a><a href="#">莱斯特</a><a href="#">纽卡斯尔</a><a href="#">谢菲尔德</a><a href="#">牛津</a><a href="#">剑桥</a><a

href="#">南安普顿</a><a href="#">利物浦</a><a href="#">拉夫堡</a>
<a href="#">全部<span><a> ▼</a></span></a></div>
</body>
</html>
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

如何去掉这该死的上划线

相关资料更多>

推荐阅读更多>