0

我正在使用母版页，并且我有一个表格，我想在其周围显示一个边框，以便它显示在表格中的每个单元格周围。这是我试图在周围加上边框的代码：

<table class="mainTable" style="border-color:#DDDDDD;">
    <tr>
        <td class="masterBannerTop" colspan="6" >
            <a href="Default.aspx"><img style="border: none; display: block; margin: 0 auto;" alt="Travel Joan's Blog Banner" src="Website%20Photos/HeadBanner.jpg" /></a>
        </td>     
    </tr>
    <tr>
    <td class="masterBannerNav"><a href="Default.aspx">HOME</a></td>
    <td class="masterBannerNav"><a href="About.aspx">ABOUT ME</a></td>
    <td>

......它从那里继续。这是CSS：

.mainTable
    {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        border-spacing: 30px;
        border-color:#999999;
    }

无论我输入什么颜色，它在任何浏览器中都不起作用。我的意思是，只有几个地方可以放置颜色。即使我尝试只使用 CSS 或内联样式元素，它似乎仍然不想工作。

4

4 回答 4

1

尝试设置

border:1px solid #999999;

在你的 CSS 中而不是摆弄表格属性！尽量避免使用这些属性，因为它使更改站点的样式更加困难，并且对于必须维护它的人来说，代码更加冗长。祝你好运，让我知道情况如何:)

于 2013-09-24T02:32:41.240 回答
1

style="border: 1px 纯黑色"

于 2013-09-24T02:32:46.150 回答
1

也许还要确保您设置了border-width：1px或类似的东西？

于 2013-09-24T02:32:58.113 回答
0

做

<table border="1"> ... </table>

在表格周围和单元格之间设置边框。

做

<table style="border:'1px solid #DDDDDD'"> ... </table>

或者

.mainTable {
    border:'1px solid #DDDDDD';
    ...
}

或者

.mainTable {
    border-size:1px;
    border-style:solid;
    ...
}

在您的桌子周围设置边框。

于 2013-09-24T02:41:20.493 回答