html-table - 如何减少表格边框厚度？

Question

我正在绘制一张桌子，border=1但它看起来非常突出，因为我在其中包含了一张图片，所以我想让它更薄以获得更好的外观和感觉。

<table border=1 cellpadding=50 cellspacing=0><tr><td></td></tr></table>

如何减少边框厚度？

Answer 1

你可以这样设计它：

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

JSFIDDLE 演示

Answer 2

此示例代码可能会对您有所帮助，

CSS+HTML

table{ 
    border:5px solid blue;
}
caption{
    color:wheat;
}
th{
border:2px solid yellow;
background-color:grey;
}
td{
border:3px solid red;
background-color:green;
}


    <table border=1 cellpadding=50 cellspacing=0>
        <caption>TABLE</caption>
        <thead>
            <tr><th>H1</th><th>H2</th></tr>
        </thead>
        <tbody>
            <tr><td>1</td> <td>1</td></tr>    
            <tr><td>1</td> <td>1</td></tr>
        </tbody>

        <tfoot>
            <tr><td colspan="2" >FOOTER</td></tr>    
        </tfoot>
    </table>