CSS是一種用于制作網(wǎng)頁(yè)樣式的語(yǔ)言,它可以讓我們更加方便地控制網(wǎng)頁(yè)的各種元素,從而打造出豐富的網(wǎng)頁(yè)布局。
下面我們來講一下如何使用CSS來制作課程表。
<table> <tr> <th></th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> <tr> <td>1-2節(jié)</td> <td>CSS</td> <td>JavaScript</td> <td></td> <td></td> <td></td> </tr> <tr> <td>3-4節(jié)</td> <td>HTML</td> <td></td> <td></td> <td>Python</td> <td></td> </tr> <tr> <td>5-6節(jié)</td> <td></td> <td></td> <td>Java</td> <td></td> <td>C++</td> </tr> </table>
以上是一個(gè)基礎(chǔ)的課程表的HTML代碼。現(xiàn)在我們需要給它添加一些CSS樣式來美化它。
table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ddd; text-align: left; padding: 8px; } th { background-color: #f2f2f2; } td { background-color: #fff; } td:hover { background-color: #f2f2f2; }
以上是我們添加的CSS樣式,它可以讓表格的樣式更加美觀,同時(shí)也提升了用戶體驗(yàn)。
綜上所述,我們只需要在HTML中創(chuàng)建好表格的結(jié)構(gòu),在CSS中添加樣式,就能夠制作出美觀的課程表。