在CSS中,要去掉td
元素的邊框線,可以使用border
屬性并將其值設(shè)置為0
。
td { border: 0; }
或者,您可以使用border-style
屬性并將其值設(shè)置為none
,同時(shí)設(shè)置border-width
為0
:
td { border-style: none; border-width: 0; }
這些CSS規(guī)則會(huì)移除所有td
元素的邊框線,如果您只想移除特定表格的邊框線,可以給表格添加一個(gè)新的類,并在CSS中針對(duì)這個(gè)類設(shè)置上述規(guī)則。
HTML:
<table class="no-border-table"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
CSS:
.no-border-table td { border: 0; }
這樣,只有類名為no-border-table
的表格的td
元素會(huì)有邊框線被移除的效果。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。