<tr> <td>代码</td> <td>姓名</td> <td>移动电话</td> <td>专业</td> <td>操作</td> </tr> <tr th:each="u, State: ${user_list}"> <td th:text="${u.user_code}"></td> <td th:text="${u.user_name}"></td> <td th:text="${u.telephone}"></td> <td th:text="${u.pro_name}"></td> <td><a th:href="@{show_edit_user(user_code=${u.user_code})}">修改</a> <a th:href="@{delete_user(user_code=${u.user_code})}">删除</a> </td> </tr>怎么美化
时间: 2023-06-18 12:04:48 浏览: 62
获取网页表格数据 <tr> <td>正则表达式
4星 · 用户满意度95%
你可以尝试在 CSS 文件中添加以下样式代码来美化表格:
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
th {
background-color: #4CAF50;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
td a {
color: #008CBA;
text-decoration: none;
}
td a:hover {
text-decoration: underline;
}
这些样式将会添加表格的边框,使表头背景色变为绿色,鼠标移动到行上时背景色变为淡灰色,链接的颜色为蓝色等等。你可以根据需要进行调整或添加其他样式。
阅读全文