表的双边框样式不起作用

Question

我注意到当我将边框样式应用于我的表格标签时，它只适用于实心，虚线或点缀，但它不适用于双重，凹槽等。

桌子的边框式是否有限制？或者我做错了什么？

<table border="1px" style="border-collapse:collapse; 1px black; border-style:double;">
            <thead>
                <tr>
                    <th colspan="2" style="padding:5px; background-color:blue; color:white; font-family:Arial; font-size:14px">Pricelist</th>
            </tr>
        
                <tr>
                    <th style="padding:5px">Product</th>
                    <th style="padding:5px">Price</th>
                </tr>
        
            </thead>
        
        <tbody>
            <tr>
                <td style="padding:5px">item1</td>
                <td style="padding:5px">price1</td>
            </tr>
        
            <tr>
                <td style="padding:5px">item2</td>
                <td style="padding:5px">price2</td>
            </tr>
        
            <tr>
                <td style="padding:5px">item3</td>
                <td style="padding:5px">price3</td>
            </tr>
        
        </tbody>
    </table>

Answer 1

您的桌边需要“宽度”。尝试..

table {
border-collapse: collapse;
border-style: double;
border-width: 4px;

Answer 2

您应该将1px black放入属性border-width: 1px; border-color: black; border-style: double;或仅使用border: 1px black double;使其正常工作。 border="1px"工作＆＃34;内部＆＃34;该表，您可以在css中设置tr，td和th的样式。我设置了不同的宽度，1px内部和10px外部，以便您清楚地看到差异。

＆＃13;

＆＃13;

<table border="1px" style="border: 10px black double;">
            <thead>
                <tr>
                    <th colspan="2" style="padding:5px; background-color:blue; color:white; font-family:Arial; font-size:14px">Pricelist</th>
            </tr>
        
                <tr>
                    <th style="padding:5px">Product</th>
                    <th style="padding:5px">Price</th>
                </tr>
        
            </thead>
        
        <tbody>
            <tr>
                <td style="padding:5px">item1</td>
                <td style="padding:5px">price1</td>
            </tr>
        
            <tr>
                <td style="padding:5px">item2</td>
                <td style="padding:5px">price2</td>
            </tr>
        
            <tr>
                <td style="padding:5px">item3</td>
                <td style="padding:5px">price3</td>
            </tr>
        
        </tbody>
    </table>

＆＃13;

＆＃13;

＆＃13;