想要改變表格大小寫嗎?那就使用 CSS 吧!
.table { text-transform: uppercase; /* 將所有單元格中的字母都改為大寫 */ font-size: 20px; /* 改變字體大小為 20px */ width: 100%; /* 將表格的寬度設置為 100% */ max-width: 800px; /* 對寬度進行最大值限制,本例中是 800px */ margin: 0 auto; /* 將表格居中 */ border-collapse: collapse; /* 將單元格邊框合并 */ } .table th, .table td { padding: 10px; /* 設定每個單元格的內邊距為 10px */ border: 1px solid black; /* 給單元格加上 1 像素的黑線邊框 */ }
以上代碼的作用是將字母轉換為大寫,并改變表格的大小,字體大小,寬度和對齊方式。還可以通過修改 padding 和 border 屬性來改變單元格之間的間距和邊框樣式。
在 HTML 文件中,只需要在表格標簽中添加 class 屬性就可以讓 CSS 樣式生效:
<table class="table"> <tr> <th>姓名</th> <th>年齡</th> </tr> <tr> <td>張三</td> <td>25</td> </tr> <tr> <td>李四</td> <td>30</td> </tr> </table>
這樣就可以輕松地改變表格的大小寫啦!
下一篇css如何插入圖標