CSS是層疊樣式表的縮寫,可以用來控制網頁上的視覺樣式,而其中最常用的就是Table表格。
如果要使用CSS調整兩個Table表格的樣式,需要先將兩個Table表格分別使用id或class進行區分,以便指定給不同的表格添加樣式。
<table id="table1"> <tr> <th>姓名</th> <th>年齡</th> <th>性別</th> </tr> <tr> <td>張三</td> <td>18</td> <td>男</td> </tr> </table> <table class="table2"> <tr> <th>學科</th> <th>科目</th> <th>分數</th> </tr> <tr> <td>語文</td> <td>聽力</td> <td>90</td> </tr> </table>
接著,在CSS樣式表中指定要添加給這兩個表格的樣式。
#table1 { border: 1px solid black; font-size: 16px; background-color: #f2f2f2; } .table2 { border: 1px solid red; font-size: 14px; background-color: #ffffff; }
例如,將id為table1的表格添加黑色邊框、字體大小為16px、背景顏色為淺灰色的背景。而將class為table2的表格添加紅色邊框、字體大小為14px、白色背景。
通過指定不同的表格樣式id或class,我們可以輕松地為網頁上的不同表格設置不同的樣式,讓網頁看起來更加美觀和專業。
上一篇docker可以指女醫生
下一篇css 兩端分布