css table内边框颜色设置颜色设置

CSS中，我们可以用border属性来设置table内边框的样式和宽度。但是如果想要设置内边框的颜色呢？这里给大家介绍几种设置table内边框颜色的方法。

方法一：在表格标签table中添加bordercolor属性。例如：

<table border="1" cellpadding="10" bordercolor="#FF0000">
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
</table>

这种方法适用于只有一个表格需要设置内边框颜色的情况。

方法二：使用CSS样式。例如：

<style>
table {
    border-collapse: separate;
    border-spacing: 10px;
}
td,th {
    border: 1px solid #FF0000;
}
</style>

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
</table>

这种方法可以同时设置多个表格的内边框颜色，还可以设置表格边框之间的距离。

方法三：使用CSS样式中的border-color属性。例如：

<style>
table {
    border-collapse: separate;
    border-spacing: 10px;
    border-color: #FF0000;
}
</style>

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
</table>

这种方法和方法二类似，可以同时设置多个表格的内边框颜色和表格边框之间的距离，但是要注意border-color属性设置的是整个表格的边框颜色，而不仅仅是内边框的颜色。

以上就是设置table内边框颜色的几种方法，根据实际需求选择其中一个即可。