HTML設置表格列內容
HTML表格是網頁設計中經常使用的一種元素。在表格中,可以自定義每列的內容,并添加樣式,以使表格更易讀和吸引人。
使用HTML代碼,可以輕松地定義每列的內容和格式。以下是幾個示例:使用了設置它的
這個
元素,其中"Grapes"列被加粗了:<table> <tr> <td>Apples</td> <td>Bananas</td> <td style="font-weight:bold">Grapes</td> </tr> <tr> <td>Oranges</td> <td>Pineapple</td> <td>Strawberries</td> </tr> </table> 這個表格使用了HTML屬性,使指定列顏色不同: <table> <tr> <td>Monday</td> <td bgColor="blue">Tuesday</td> <td>Wednesday</td> </tr> <tr> <td bgColor="green">Thursday</td> <td>Friday</td> <td bgColor="yellow">Saturday</td> </tr> </table> 這個表格使用了CSS樣式,使所有列對齊: <table style="width:100%"> <tr> <td style="text-align:center">Apples</td> <td style="text-align:center">Bananas</td> <td style="text-align:center">Grapes</td> </tr> <tr> <td style="text-align:center">Oranges</td> <td style="text-align:center">Pineapple</td> <td style="text-align:center">Strawberries</td> </tr> </table> 這個表格使用了HTML colspan屬性,將兩個單元格合并為一行: <table> <tr> <td colspan="2">Apples</td> <td style="font-weight:bold">Grapes</td> </tr> <tr> <td>Oranges</td> <td>Pineapple</td> <td>Strawberries</td> </tr> </table>HTML表格可以輕松地自定義每列的內容和格式。使用類似于上面的代碼,您可以創建自己的表格,并添加自己的樣式和格式。 上一篇遠端變更CSS |