CSS中的
讓我們來看一下如何使用CSS樣式為th和td添加樣式。
table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #ddd; text-align: left; padding: 8px; } th { background-color: #4CAF50; color: white; }
首先,我們定義一個表格樣式,并使用border-collapse屬性將單元格邊框合并。接下來,定義了所有
需要注意的是,一旦應用了這些樣式,所有
和 | 元素都將繼承這些樣式。如果要僅僅為某些單元格定義不同的樣式,可以使用類選擇器。例如:
然后,我們可以添加以下新的CSS規則: td.highlight { background-color: yellow; font-weight: bold; } 這將會針對那些指定了class="highlight"的單元格應用所定義的樣式。 在編寫CSS樣式時,一定要記得盡可能使用盡可能精簡的CSS代碼,并且根據需要使用類選擇器或ID選擇器進行表格格式像自定義。 上一篇50道css基礎面試題 下一篇css th 加邊框 |
---|