html中table样式设置

1374
2023/12/27 18:22:25
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

HTML中可以使用CSS来设置table的样式。以下是一些常用的table样式设置:

  1. 设置表格的边框样式:
table {
  border-collapse: collapse;
  border: 1px solid black;
}
  1. 设置表格的宽度和高度:
table {
  width: 100%;
  height: 200px;
}
  1. 设置表格的背景颜色:
table {
  background-color: #f2f2f2;
}
  1. 设置表格中单元格的边框样式:
td, th {
  border: 1px solid black;
}
  1. 设置表格的字体样式:
table {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333333;
}
  1. 设置表头的背景颜色和文字颜色:
th {
  background-color: #333333;
  color: #ffffff;
}
  1. 设置表格中的奇偶行的背景颜色:
tr:nth-child(odd) {
  background-color: #f9f9f9;
}
  1. 设置表格中鼠标悬停时的背景颜色:
tr:hover {
  background-color: #dcdcdc;
}

以上是一些常用的table样式设置,可以根据具体需求进行调整和扩展。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: html广告轮播图效果怎么实现