Question

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

<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>

如何减少桌边厚度？

2 个答案: