如何给table设置一个边框并且里面trtd都有边框线
要给一个table设置边框,并且让其中的tr和td元素都有边框线,可以使用CSS样式来实现。下面是一个示例:
HTML代码:
<table id="myTable">
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
CSS代码:
#myTable {
border-collapse: collapse; /* 合并边框 */
border: 1px solid black; /* 设置表格边框 */
}
#myTable tr, #myTable td {
border: 1px solid black; /* 设置tr和td的边框 */
}
在上述代码中,我们给table元素设置了一个边框,并使用border-collapse: collapse;样式将边框合并为一个。然后,通过border: 1px solid black;样式给tr和td元素设置了边框。
你可以根据需要调整边框的样式,比如改变边框的粗细、颜色等。
原文地址: https://www.cveoy.top/t/topic/i5Oo 著作权归作者所有。请勿转载和采集!