表有黑色外部,但灰色内边框

Question

我想创建一个带有1pt黑色外边框和每个td周围相同边框的html表.

应该是这样的(当然只有边框)

我用

<table border="1" style="border-collapse:collapse; border-color:Black; border-style:solid; border-width:1pt">

结果我得到一个黑色的外部,但灰色的内部边界.

Answer 1

您可以尝试在CSS样式表中实现类似的功能.

.mytable
{
border-collapse:collapse; 
border-color:#000000; 
border-style:solid; 
border-width:2px;
}

.mytable td
{
border-color:#cccccc; /*grey*/
border-style:solid; 
border-width:1px;
}

像这样的HTML:

<table class="mytable">
    <tr>
        <td>Content</td>
    </tr>
</table>

这里的例子