CSS表格是一種強(qiáng)大的工具,它可以讓我們輕松地創(chuàng)建不同風(fēng)格的表格。下面是一些常用的CSS表格元素:
table { border-collapse: collapse; } th, td { border: 1px solid black; }
上面的代碼中,table
元素指定了表格的邊框合并方式,th
和td
元素定義了單元格的邊框。
除了邊框,我們還可以使用如下的CSS屬性來(lái)定制表格:
table { width: 100%; border-spacing: 0; text-align: center; } th { background-color: #ccc; text-transform: uppercase; } td { padding: 10px; } tr:nth-child(even) { background-color: #f2f2f2; }
table
元素的width
屬性指定了表格的寬度,border-spacing
屬性指定了單元格之間的間距,text-align
屬性指定了單元格內(nèi)容的水平對(duì)齊方式。
th
元素的background-color
屬性指定了標(biāo)題行的背景色,text-transform
屬性將單元格內(nèi)容轉(zhuǎn)換為大寫(xiě)字母。
td
元素的padding
屬性指定了單元格內(nèi)容與邊框之間的距離。
tr:nth-child(even)
指定了偶數(shù)行的背景色,nth-child()
選擇器可以選擇表格中的特定行。
以上是CSS表格的常用元素和屬性,它們可以幫助我們輕松地創(chuàng)建漂亮的表格。