CSS 是 Cascading Style Sheets 的縮寫,是一種用來控制網頁布局、顏色、字體等樣式的語言。 在網頁的樣式表(style sheet)中,使用 CSS 語言來定義各個 HTML 元素的樣式。
td 是 HTML 表格中的標簽,用于定義表格中的單元格。使用 CSS 可以為 td 元素設置各種樣式,包括背景顏色、字體大小、邊框樣式等。
table { width: 100%; border-collapse: collapse; } td { height: 50px; border: 1px solid #ccc; }
上面的 CSS 代碼中,我們通過 height 屬性為 td 元素設置了固定的高度為 50px。同時還設置了表格的寬度為 100% 并合并了邊框。這樣在頁面上看起來就會比較整齊。
當然,也可以通過 CSS 中的 class 或 id 選擇器來為表格單元格設置不同的高度樣式,實現對不同行或列的控制。
tr.high td { height: 80px; } #first-row td { height: 100px; }
上面的代碼中,我們分別使用了 class 選擇器和 id 選擇器,為表格中某些單元格設置了不同的高度。當 tr 元素中包含了 class 為 high 的元素時,其下面的 td 元素會自動繼承高度為 80px 的樣式。而 id 為 first-row 的元素則是針對第一行單元格設置的高度為 100px 的樣式。
總之,使用 CSS 可以輕松地為 td 元素設置高度,實現對網頁表格的樣式控制。通過選擇器的靈活運用,還可以為不同行或列設置不同的高度樣式,達到更好的效果。