在CSS第四章的上机训练5中,我们学习了如何使用CSS选择器来改变表格的样式。
table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; text-align: left; padding: 8px; } th { background-color: #4CAF50; color: white; } tr:nth-child(even) { background-color: #f2f2f2; }
以上代码展示了如何将表格的边框设置为虚线,表头的背景色设置为绿色,表格中的奇数行设置为灰色背景。
此外,我们还可以使用CSS选择器来设置单元格的宽度、对齐方式、字体颜色等样式,以达到更好的表格呈现效果。
总之,掌握好CSS选择器的使用,可以帮助我们更好地定制和掌握网页的样式,让网页呈现更加美观、易读、易用。