五行六列的表格是一種常用的布局方式,可用于展示數據或呈現信息。在CSS中,我們可以通過下面的代碼來創建一個基本的五行六列表格:
table { border-collapse: collapse; width: 100%; } th, td { text-align: left; border: 1px solid black; padding: 8px; } th { background-color: #555; color: white; }
以上代碼會創建一個簡單的表格,其中每個單元格都有一條邊框,并且表頭的背景為灰色,文字為白色。接下來,我們可以通過HTML代碼來填充表格:
<table> <tr> <th>標題1</th> <th>標題2</th> <th>標題3</th> <th>標題4</th> <th>標題5</th> <th>標題6</th> </tr> <tr> <td>數據1</td> <td>數據2</td> <td>數據3</td> <td>數據4</td> <td>數據5</td> <td>數據6</td> </tr> <tr> <td>數據7</td> <td>數據8</td> <td>數據9</td> <td>數據10</td> <td>數據11</td> <td>數據12</td> </tr> <tr> <td>數據13</td> <td>數據14</td> <td>數據15</td> <td>數據16</td> <td>數據17</td> <td>數據18</td> </tr> <tr> <td>數據19</td> <td>數據20</td> <td>數據21</td> <td>數據22</td> <td>數據23</td> <td>數據24</td> </tr> <tr> <td>數據25</td> <td>數據26</td> <td>數據27</td> <td>數據28</td> <td>數據29</td> <td>數據30</td> </tr> </table>
上面的HTML代碼會將我們的表格填充滿數據,包括表頭和行數據。通過以上的樣式和代碼,我們可以創建一個簡單的五行六列表格,可以用于展示數據或信息。
下一篇mysql8雙主多從