表格是網(wǎng)頁(yè)中常見(jiàn)的元素,而設(shè)置表格的樣式可以使用CSS來(lái)完成。下面介紹一些常見(jiàn)的表格樣式設(shè)置方法。
/* 表格的邊框樣式 */ table { border: 1px solid black; /* 邊框?yàn)閷?shí)線,顏色為黑色 */ border-collapse: collapse; /* 邊框合并 */ } /* 表頭背景色 */ th { background-color: gray; /* 設(shè)置表頭背景色為灰色 */ } /* 表格內(nèi)容行的背景色輪換 */ tr:nth-child(even) { background-color: #f2f2f2; /* 偶數(shù)行設(shè)置背景色為淺灰色 */ } tr:nth-child(odd) { background-color: white; /* 奇數(shù)行設(shè)置背景色為白色 */ } /* 表格單元格中的文字對(duì)齊方式 */ td { text-align: center; /* 文字居中對(duì)齊 */ } /* 表格寬度和對(duì)齊方式 */ table { width: 80%; /* 表格寬度為父元素的80% */ margin: 0 auto; /* 居中對(duì)齊 */ }
以上是一些常用的表格樣式設(shè)置方法,根據(jù)實(shí)際需求調(diào)整即可。注意,使用CSS設(shè)置表格樣式時(shí),需要將表格元素的邊框合并,以防出現(xiàn)多個(gè)邊框重疊的情況。