基本的CSS问题删除超链接下划线

问题描述：

有这个蓝色下划线这就是我的图片和文字在标题之间烦人攀升。

谁投下来这个附加呢？基本问题也需要回答！善待！ – imakeitpretty 2012-08-11 02:21:11

答

两件事情可以做：

更改此代码：

<img src="logo.png" alt="REUNIFY" height="35" />

这样：

<img src="logo.png" alt="REUNIFY" height="35" border="0" />

此外，添加到您的CSS样式表：

a { text-decoration:none }

请注意，上面的CSS将摆脱所有链接的下划线。所以，如果你想你的正常文本链接有下划线，只是希望这个特殊的链接没有下划线，然后创建一个类，像这样：

a.noline { text-decoration:none }

，然后改变你的HTML代码如下：

<h1><span><a href="http://www.wikipedia.org" class="noline"> 
<img src="logo.png" alt="REUNIFY" height="35" border="0" /> 
</a></span> 
Welcome 
</h1>

您应该删除CSS重置中的图像边界。没有意义的将它放在每个img标签上。此外，图像需要宽度属性，并且是一个包含自身的标签。 – Tom 2012-08-11 02:04:33

只需从w3schools阅读，了解如何在图像上明确指定尺寸以便为其分配空间。 – smartnut007 2012-08-13 05:27:02

还发现了normalizer.css而不是重置。此外，我明白它与引导程序，我打算随后使用。 – smartnut007 2012-08-13 19:29:54

答

只需添加CSS规则...

text-decoration: none;

...你<a>元素，或者一个特定的元素，通过使用一个类或ID。

你可以将它应用到所有的超链接，像这样：

a 
{ 
    text-decoration: none; 
}

答

您应该总是添加HTML5和较旧的浏览器CSS重置。

http://cssreset.com/有2012年最受欢迎的。这样，你将永远在一个干净的石板上开始。

答

a 
{ 
    text-decoration: none; 
}

在你的CSS

基本的CSS问题删除超链接下划线

相关推荐