在編寫 HTML 表格時,為了使表格更加美觀和易于閱讀,我們通常需要對表格中的表格單元格進行樣式設置。此時,設置全局 td 的 CSS 樣式就成為了一種方便快捷的方法。
td { padding: 10px; border: 1px solid #ccc; text-align: center; }
上述代碼中,我們設置了全局的 td 樣式,其中包括設置單元格內邊距為 10px,邊框為 1px 灰色實線邊框,以及文本居中對齊。這些樣式將應用于表格中所有的 td 元素,無需單獨設置。
當然,如果需要對某些特定的單元格進行樣式設置,我們仍然可以在 HTML 中為這些單元格添加 class 或 id,并在 CSS 中單獨設置。
在進行全局 td 樣式設置時,需要注意不要給其他元素(比如 th)帶來不必要的影響,否則可能出現顯示問題。可以通過注釋代碼或者在 CSS 中使用 class、id 等方式進行避免。
下一篇設置css選擇器