html - 将 html 表格的内部行列边框设置为浅灰色

Question

我有一个包含行和列的 html 表格，目前行和列没有任何行，因此您无法轻松区分数据单元格。

如何使用 CSS 为每一行和每一列添加一条浅灰色线？如果可能的话，我希望能够单独设置表格边框的样式。

如果重要的话，这实际上是一份时事通讯。

Answer 1

td {
    border: 1px solid #cccccc;
}
table {
    border: 3px outset #cccccc;
    /* the following is OPTIONAL, try it to see if it's an effect you want */
    border-collapse: collapse;
}

如果需要，让它们更具体(ID、类)，但这基本上就是您所需要的。