0

我将这些图标创建为一个用 CSS 圆圈包裹的图像。然而，这个随机的头发看起来像是来自 CSS。

任何解释为什么？抱歉，CSS 都是内联的 - 这是针对 html 电子邮件的：

<div style="width: 180px; text-align: center;margin: 0 auto;">
<a href="http://pinterest.com/houseplansdan/">
<li style="list-style: none; background-color: #505050;width: 40px;height: 40px;border-radius: 20px; display: inline-block;margin-right: 10px;">
<img style="padding-top: 5px;"src="http://homeplan.com/newsletter/October/img/icons/32x32_pinterest.png" href="http://pinterest.com/houseplansdan/">
</li>
</a>    

<a href="http://www.facebook.com/pages/Houseplans/91152065546">
<li style="background-color: #505050;width: 40px;height: 40px;border-radius: 20px; display: inline-block; margin-right: 10px;">
<img style="padding-top: 5px;"src="http://homeplan.com/newsletter/October/img/icons/32x32_facebook.png">
</li>
</a>    

<a href="http://twitter.com/houseplans_">
<li style="list-style: none; background-color: #505050; width: 40px;height: 40px;border-radius: 20px; display: inline-block;">
<img style="padding-top: 5px;"src="http://homeplan.com/newsletter/October/img/icons/32x32_twitter.png">
</li>
</a>  
</div>​

小提琴版本在这里。

4

2 回答 2

3

那不是头发，它是text-decoration- 链接的默认样式。将此应用于您不想拥有的任何链接：

​a { text-decoration:none; }​

为您的电子邮件内联执行此操作应该没有问题，尽管这可能很乏味。

于 2012-10-08T17:52:39.680 回答
2

不能有LI内部A。如果可能，请更正它。

此外，此CSS将修复：

a { text-decoration: none; }​

更新小提琴：http: //jsfiddle.net/pHksF/2/

于 2012-10-08T17:53:21.413 回答