<table> <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> </table> <div> <a th:href="@{add_user}">添加用户</a> </div>如何美化这个界面

你可以使用CSS来美化这个界面，比如：

1. 添加样式表文件

在HTML文件中添加一个样式表文件，比如：

<link rel="stylesheet" href="style.css">

2. 编写CSS代码

在style.css文件中编写CSS代码，比如：

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #ddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

tr:hover {
  background-color: #ddd;
}

a {
  text-decoration: none;
  color: #007bff;
}

a:hover {
  text-decoration: underline;
}

这个CSS代码将会：

- 设置表格的边框和宽度
- 设置表格中单元格的边框、文本对齐方式和填充
- 设置偶数行的背景颜色
- 设置鼠标悬停时的背景颜色
- 设置链接的文本装饰和颜色
- 设置鼠标悬停时链接的文本装饰

3. 应用样式表

在HTML文件中应用刚才编写的样式表，比如：

<link rel="stylesheet" href="style.css">
<table>
  ...
</table>
<div>
  <a href="#">添加用户</a>
</div>

这样就可以美化这个界面了。