好看的表格
时间: 2023-07-27 19:07:09 浏览: 38
以下是一些常用的美观的表格样式:
1. 简单的黑白表格样式:
```css
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
```
2. 带有交替行颜色的表格样式:
```css
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
```
3. 带有悬浮效果的表格样式:
```css
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
tr:hover {
background-color: #f5f5f5;
}
```
4. 带有圆角边框的表格样式:
```css
table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
th, td {
border: 1px solid #ddd;
border-radius: 5px;
padding: 8px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
```
这些表格样式只是一些常用的美观的样式,您可以根据自己的需求进行修改和定制。