如何减少table边框粗细？

Question

我正在用 border=1 绘制一个 table，但它看起来非常突出，因为我在其中封装了一张图像，所以我想使它更薄以获得更好的外观和感觉。

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

如何减少边框粗细？

Answer 1

您可以这样设置样式：

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

JSFIDDLE DEMO

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>

如何减少table边框粗细？

How to reduce table border thickness?

html-table

border

thickness