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属性设置的是整个表格的边框颜色,而不仅仅是内边框的颜色。