在CSS中,我們可以通過設(shè)置list-style-type
屬性來去掉表格中的點(diǎn),這個(gè)屬性用于控制列表項(xiàng)前面的標(biāo)記,通常用于有序列表(ol
)和無序列表(ul
)。
去除表格中的點(diǎn)
如果你有一個(gè)HTML表格,并且想要去除其中的點(diǎn),可以通過以下CSS代碼來實(shí)現(xiàn):
table ul { list-style-type: none; }
這段CSS代碼會(huì)找到表格中的所有無序列表(ul
),并將它們的list-style-type
設(shè)置為none
,這樣列表項(xiàng)前面的點(diǎn)就不會(huì)顯示了。
示例
假設(shè)你有以下HTML表格:
<table> <tr> <td>項(xiàng)目1</td> <td>項(xiàng)目2</td> <td>項(xiàng)目3</td> </tr> <tr> <td>子項(xiàng)目1</td> <td>子項(xiàng)目2</td> <td>子項(xiàng)目3</td> </tr> <tr> <td>子項(xiàng)目1.1</td> <td>子項(xiàng)目2.2</td> <td>子項(xiàng)目3.3</td> </tr> <ul> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> </ul> <tr> <td>項(xiàng)目4</td> <td>項(xiàng)目5</td> <td>項(xiàng)目6</td> </tr> <ul> <li>列表項(xiàng)4.1</li> <li>列表項(xiàng)4.2</li> <li>列表項(xiàng)4.3</li> </ul> <tr> <td>項(xiàng)目7</td> <td>項(xiàng)目8</td> <td>項(xiàng)目9</td> </tr> <ul> <li>列表項(xiàng)5.1</li> <li>列表項(xiàng)5.2</li> <li>列表項(xiàng)5.3</li> </ul> <tr> <td>項(xiàng)目10</td> <td>項(xiàng)目11</td> <td>項(xiàng)目12</td> </tr> <ul> <li>列表項(xiàng)6.1</li> <li>列表項(xiàng)6.2</li> <li>列表項(xiàng)6.3</li> </ul> <tr> <td>項(xiàng)目13</td> <td>項(xiàng)目14</td> <td>項(xiàng)目15</td> </tr> <ul> <li>列表項(xiàng)7.1</li> <li>列表項(xiàng)7.2</li> <li>列表項(xiàng)7.3</li> </ul> <tr> <td>項(xiàng)目16</td> <td>項(xiàng)目17</td> <td>項(xiàng)目18</td> </tr> <ul style="list-style-type: disc;"> <!-- 列表樣式為實(shí)心圓點(diǎn) --> <li style="list-style-type: none;">列表項(xiàng)8.1 - 取消點(diǎn)樣式(內(nèi)聯(lián)樣式)</li><br/> <!-- 內(nèi)聯(lián)樣式取消點(diǎn)樣式 --> <li style="list-style-type: none;">列表項(xiàng)8.2 - 取消點(diǎn)樣式(內(nèi)聯(lián)樣式)</li><br/> <!-- 內(nèi)聯(lián)樣式取消點(diǎn)樣式 --> <li style="list-style-type: none;">列表項(xiàng)8.3 - 取消點(diǎn)樣式(內(nèi)聯(lián)樣式)</li><br/> <!-- 內(nèi)聯(lián)樣式取消點(diǎn)樣式 --> </ul><br/> <!-- 強(qiáng)制換行 --> <ul style="list-style-type: square;"> <!-- 列表樣式為方塊 --> <li style="list-style-type: none;">列表項(xiàng)9.1 - 取消點(diǎn)樣式(內(nèi)聯(lián)樣式)</li><br/> <!-- 內(nèi)聯(lián)樣式取消點(diǎn)樣式 --> <li style="list-style-type: none;">列表項(xiàng)9.2 - 取消點(diǎn)樣式(內(nèi)聯(lián)樣式)</li><br/> <!-- 內(nèi)聯(lián)樣式取消點(diǎn)樣式 --> <li style="list