删除HTML元素周围的奇怪边框

时间:2019-02-10 16:09:41

标签: javascript html

我对学习非常基本的HTML还是很陌生。我不知道如何删除按钮周围的灰线。任何帮助表示赞赏。谢谢!

Here's a screenshot of the grey boxes

<html>
    <head>
    <title>social follow bar</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body bgcolor="#00FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (social follow bar.psd) -->
        <table id="Table_01" width="250" height="40" border="0" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td rowspan="2">
                    <a href="https://www.pinterest.com/wherefoodtakesus/pins/">
                        <img src="https://wherefoodtakesus.com/wp-content/uploads/Home-Page/Buttons/Social-Sharing-Buttons/Pinterest_button.png" width="40" height="40" border="0" alt="Pinterest-Follow_button"></a></td>
                <td rowspan="2">
                    <a href="https://www.instagram.com/wherefoodtakesusblog/">
                        <img src="https://wherefoodtakesus.com/wp-content/uploads/Home-Page/Buttons/Social-Sharing-Buttons/Instagram_button.png" width="40" height="40" border="0" alt="Instagram-Follow_button"></a></td>
                <td rowspan="2">
                    <a href="https://wherefoodtakesus.com/feed/">
                        <img src="https://wherefoodtakesus.com/wp-content/uploads/Home-Page/Buttons/Social-Sharing-Buttons/RSS_button.png" width="40" height="40" border="0" alt="RSS-Follow_button"></a></td>
                <td rowspan="2">
                    <a href="https://mix.com/wherefoodtakesus">
                        <img src="https://wherefoodtakesus.com/wp-content/uploads/Home-Page/Buttons/Social-Sharing-Buttons/Mix_button.png" width="40" height="40" border="0" alt="Mix-Follow_button"></a></td>
                
                <td rowspan="2">
                    <a href="mailto:wherefoodtakesus@gmail.com">
                        <img src="https://wherefoodtakesus.com/wp-content/uploads/Home-Page/Buttons/Social-Sharing-Buttons/Email_button.png" width="40" height="40" border="0" alt="Email_button"></a></td>
            </tr>
        </table>
    <!-- End Save for Web Slices -->
    </body>
</html>

2 个答案:

答案 0 :(得分:0)

看起来像灰色框来自您导入的css文件之一。请尝试将您的<td rowspan="2">更改为<td rowspan="2" style="border:0;">

答案 1 :(得分:0)

这些行可能来自某些导入的CSS文件。尝试添加“ border:0;”到 td 元素:

<td rowspan="2" style="border:0;">