Question

我有非常简单的电子邮件简报共享图标代码。我的问题是图像附近有蓝色背景。我使用css删除了大纲和边框，用于图像和锚标记。但我运气不好。代码在这里：http://jsfiddle.net/o70cd4g8/

我的代码：

<table align="center" width="500">
    <tbody>
        <tr>
            <td align="right">
                <div align="right" style="padding-right:0px">
                    <a href="" target="_blank">
                        <img border="0" style="border:0" src="https://s-passets-ec.pinimg.com/images/about/buttons/small-p-button.png" align="absmiddle" width="16" height="16" alt="Follow Me on Pinterest" class="CToWUd">
                    </a>
                    <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://www.seattleu.edu/uploadedImages/MarCom/youtube_16px.png" alt="youtube" title="youtube" class="CToWUd">
                    </a>
                    <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://www.nextbyte.com.ar/images/social/Twitter-16px.gif" alt="twitter" title="twitter" class="CToWUd">
                    </a>
                    <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://sfcv.org/sites/files/images/facebook-16px.png" alt="facebook" title="facebook" class="CToWUd">
                    </a>
                    <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://perishablepress.com/wp/wp-content/images/2006/feed-collection/feed-icon_orange-16px+.png" alt="RSS" title="RSS" class="CToWUd">
                    </a>
                </div>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

您必须使用text-decoration: none

table > tbody > tr > td > div > a {
    text-decoration: none;
}

＆＃13;

table > tbody > tr > td > div > a {
    text-decoration: none;
}

＆＃13;

<table align="center" width="500">
    <tbody>
        <tr>
            <td align="right">
                <div align="right" style="padding-right:0px"> <a href="" target="_blank">
                        <img border="0" style="border:0" src="https://s-passets-ec.pinimg.com/images/about/buttons/small-p-button.png" align="absmiddle" width="16" height="16" alt="Follow Me on Pinterest" class="CToWUd">
                    </a>
 <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://www.seattleu.edu/uploadedImages/MarCom/youtube_16px.png" alt="youtube" title="youtube" class="CToWUd">
                    </a>
 <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://www.nextbyte.com.ar/images/social/Twitter-16px.gif" alt="twitter" title="twitter" class="CToWUd">
                    </a>
 <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://sfcv.org/sites/files/images/facebook-16px.png" alt="facebook" title="facebook" class="CToWUd">
                    </a>
 <a href="" target="_blank">
                        <img height="16" width="16" border="0" style="border:0" align="absmiddle" src="http://perishablepress.com/wp/wp-content/images/2006/feed-collection/feed-icon_orange-16px+.png" alt="RSS" title="RSS" class="CToWUd">
                    </a>

                </div>
            </td>
        </tr>
    </tbody>
</table>

＆＃13;

原因：文字装饰：下划线;默认情况下应用于标记浏览器样式表，所以如果你想骑过它或者你想要它您网站上的标签都不应该有下划线只需使用此

Answer 2

其主播text-decoration

a{
        text-decoration:none;        
    }

或者更好地将一些类添加到这些锚点并从该类名称

中定位它们

如何从图像背景中删除蓝线

2 个答案: