CSS(層疊樣式表)是一種用來渲染 HTML 和 XML 文檔的樣式語言,我們可以使用 CSS 來控制網頁的樣式、顏色、字體、布局等等。在網頁中,數據展示一般使用表格的形式,如何來控制表格的樣式呢?這就需要用到數據庫樣式 CSS。
table { font-family: Arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; padding: 8px; } th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #4CAF50; color: white; }
以上是一個基礎的表格樣式,其中 table 元素的 border-collapse 屬性用來控制表格邊框的合并方式,當屬性值為 collapse 時表示相鄰的單元格邊框重合在一起,形成一個單一邊框,使表格看起來更加整潔。td 和 th 元素用來定義表格單元格的樣式,分別表示表格數據單元格和表頭單元格。
在上述樣式中,我們可以看到一個 th 元素的樣式設定,其中 background-color 是單元格的背景顏色,color 是單元格內文字的顏色,padding 是單元格的內邊距大小,這些樣式屬性的設置可以讓表格看起來更加美觀易讀。
此外,我們還可以通過 CSS 控制表格的寬度、高度、字體大小、行高等等屬性。通過合理的 CSS 設計,我們可以打造出美觀、易讀、高效的網頁數據展示方式。