如何减少表格边框厚度？答案

【问题标题】：How to reduce table border thickness?如何减少表格边框厚度？
【发布时间】：2015-06-16 09:11:19
【问题描述】：

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

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

如何减少边框厚度？

【问题讨论】：

标签： html-table border thickness

【解决方案1】：

你可以这样设计：

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

JSFIDDLE DEMO

【讨论】：

【解决方案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>

【讨论】：