html好看的表格样式
时间: 2023-08-30 21:12:16 浏览: 46
以下是一些可以让表格更加好看的 HTML 样式:
1. 增加边框线条:
```html
<style>
table {
border-collapse: collapse;
}
td, th {
border: 1px solid black;
padding: 8px;
}
</style>
```
2. 添加背景颜色:
```html
<style>
table {
border-collapse: collapse;
}
td, th {
border: 1px solid black;
padding: 8px;
background-color: #f2f2f2;
}
</style>
```
3. 调整表格宽度:
```html
<style>
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid black;
padding: 8px;
text-align: left;
}
</style>
```
4. 添加鼠标悬停效果:
```html
<style>
table {
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid black;
padding: 8px;
text-align: left;
}
tr:hover {
background-color: #f5f5f5;
}
</style>
```
这些样式可以根据你的需要进行调整,以适合你的网站设计。