淘先锋技术网

首页 1 2 3 4 5 6 7

在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第四章上机训练5

以上代码展示了如何将表格的边框设置为虚线,表头的背景色设置为绿色,表格中的奇数行设置为灰色背景。

此外,我们还可以使用CSS选择器来设置单元格的宽度、对齐方式、字体颜色等样式,以达到更好的表格呈现效果。

总之,掌握好CSS选择器的使用,可以帮助我们更好地定制和掌握网页的样式,让网页呈现更加美观、易读、易用。