以下是一个简单的例子,展示如何使用CSS来设置JSP中的表格样式。
```jsp

/* 表格的基本样式 */
table {
width: 100%;
border-collapse: collapse;
}
/* 表格头的样式 */
th {
background-color: 4CAF50;
color: white;
padding: 8px;
text-align: left;
}
/* 表格行的样式 */
tr:nth-child(even) {
background-color: f2f2f2;
}
/* 表格单元格的样式 */
td {
border: 1px solid ddd;
padding: 8px;
}
/* 鼠标悬停时的行样式 */
tr:hover {
background-color: ddd;
}
| 姓名 | 年龄 | 职业 |
|---|---|---|
| 张三 | 28 | 程序员 |
| 李四 | 32 | 设计师 |
| 王五 | 26 | 产品经理 |
```
在这个例子中,我们首先定义了一个`table`元素,然后通过CSS设置表格的基本样式,包括宽度、边框合并等。接着,我们设置了表格头(`th`)和表格行(`tr`)的样式,包括背景色、文本颜色和内边距。我们还为偶数行(`tr:nth-child(even)`)设置了不同的背景色,以及为鼠标悬停的行(`tr:hover`)设置了不同的背景色。我们为表格单元格(`td`)设置了边框和内边距样式。







