html - 外框为黑色但内框为灰色的表格

标签 html css html-table border

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

应该看起来像这样(当然只有边框)

enter image description here

我用

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

结果我得到一个黑色的外边框,但灰色的内边框。

最佳答案

您可以尝试在您的 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>

Example here

关于html - 外框为黑色但内框为灰色的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2652777/

相关文章:

javascript - Slimscroll 和 jQuery 数据表

javascript - 单击另一个 Div 时,通过 ID 使用 Javascript 更改 Div 背景

html - 为什么选择选项在 Bootstrap 中得到填充?

javascript - 将动态行添加到 ngTable 不显示

javascript - 网页视频

html - 使用 BeautifulSoup 抓取隐藏元素

html - 将标题标签与图像中心对齐

javascript - Jquery Color Fade(稍微不寻常的请求)

html - 如何更改单个表格行的边框颜色?

css - 如何将文本放在两个表格单元格的顶部?