将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，类），但这基本上就是你所需要的。