表格的 CSS 中的border="1" 等价物是什么？答案

【问题标题】：What is the equivalent of border="1" in CSS for table?表格的 CSS 中的border="1" 等价物是什么？
【发布时间】：2012-08-08 18:08:02
【问题描述】：

我想通过等效的样式表定义来使用 border="1" 的 CSS 等效项。

border-width 和border-style 适用于表格，但border="1" 给出的单元格边框缺失。

【问题讨论】：

【解决方案1】：

将其应用于td 元素而不是table 元素。

【讨论】：

【解决方案2】：

所以这应该是一个简单的答案，但是当您使用 CSS 表格和 td 时，它与border="1" 100% 不太匹配（但非常接近）

我的方式就是这样：

table { 
        border: 1px outset grey;
        padding: 1px 
  }

td { 
            border: thin inset grey;
            margin: 1;
    }

【讨论】：

【解决方案3】：

CSS

td { border: solid 1px #PlaceColorHere }

【讨论】：

【解决方案4】：

这对我有用：

    table {
        border-width: 2px;
        border-style: groove;
    }
    td {
        border-width: 2px;
        border-style: inset;
    }

【讨论】：

【解决方案5】：

如果您有一些需要内部边框的表格和一些不需要内部边框的表格，为了区分，请创建一个类“border1”。 html 更改为：

<table class="border1">

并添加 css ：

.border1, .border1 th, .border1 td
{
    border: 1px solid black
}

为表格和里面的单元格创建一个边框。

【讨论】：