怎样用css设置表格

CSS是一种在网页设计中常用的样式表语言，它不仅可以设置网页的样式，还可以给表格增加各种效果。以下是一些常用的CSS代码，可以帮助我们更好地定制表格。

/* 设置表格边框 */table {
    border-collapse: collapse;
     /* 合并边框 */border: 1px solid #ccc;
 /* 设置边框 */}
/* 设置表头颜色 */th {
    background-color: #f2f2f2;
     /* 设置背景颜色 */font-weight: bold;
 /* 设置字体加粗 */}
/* 设置单元格对齐方式 */td {
    text-align: center;
     /* 文字居中 */vertical-align: middle;
 /* 垂直居中 */}
/* 设置奇偶行的背景颜色不同 */tr:nth-child(odd) {
    background-color: #f9f9f9;
 /* 偶数行 */}
tr:nth-child(even) {
    background-color: #fff;
 /* 奇数行 */}
/* 设置鼠标移上去时的背景颜色 */td:hover {
    background-color: #ddd;
 /* 鼠标移上去时的背景颜色 */}
    

以上代码可以在CSS文件中使用，也可以在html文件中的style标签中使用。为了更好地展示表格效果，以下是一个简单的表格样例：

以上就是简单的CSS表格样式设置，希望对大家有所帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！