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

Question

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

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

score 8 · Accepted Answer

8

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

于 2012-08-08T18:09:42.873 回答

score 8 · Accepted Answer

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

在此处输入图像描述

我的方式使用这个：

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

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

score 1 · Accepted Answer

1

CSS

td { border: solid 1px #PlaceColorHere }

于 2012-08-08T19:41:09.897 回答

score 0 · Accepted Answer

这对我有用：

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

score 0 · Accepted Answer

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

<table class="border1">

并添加 css ：

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

它为表格以及里面的单元格创建了一个边框。

5 回答 5