CSS 網頁制作表格
table { border-collapse: collapse; } th, td { border: 1px solid black; padding: 10px; } th { background-color: gray; color: white; }
表格是網頁設計中非常重要的元素,通常用于呈現數據和信息。使用 HTML 標簽可以創建簡單的表格,但是為了讓表格更美觀和功能更豐富,需要使用 CSS 樣式來美化和控制表格樣式。
上面的 CSS 代碼是一個簡單的表格樣式。其中table
選擇器可以設置表格的基本屬性,包括邊框折疊、背景顏色等。th, td
選擇器可以設置表頭單元格和數據單元格的共同屬性,包括邊框、內邊距等。在這個樣式中,我們使用了簡單的灰色背景和白色字體,以及 1 像素的黑色邊框線。
通過這些簡單的 CSS 樣式,我們可以輕松地美化和控制網頁中的表格,使其更加美觀和易于閱讀。
上一篇css網頁制作案例教程
下一篇css網頁中寫法