CSS表格简介:
表头1 | 表头2 | 表头3 |
---|---|---|
行1,列1 | 行1,列2 | 行1,列3 |
行2,列1 | 行2,列2 | 行2,列3 |
CSS可以让表格更加美观和易于读取。通常情况下,我们希望让表头在页面中更加突出。为了实现这个目标,我们可以使用CSS选择器“:first-child”,它可以选择表格中的第一个子元素。下面是代码示例:
table th:first-child { background-color: #eee; font-weight: bold; }
这个代码块会选中表格中的第一行并把它背景色设置为灰色,并让文本加粗。这样就可以很容易地区分表头和其他行。除此之外,使用CSS还可以实现很多其他的表格样式,如添加边框,改变字体大小,设置单元格填充等等。