diff --git a/src/main/resources/static/css/UserCenter.css b/src/main/resources/static/css/UserCenter.css
new file mode 100644
index 0000000000000000000000000000000000000000..effebd9fb9fd169470b2b6209c4aa50bfabf8228
--- /dev/null
+++ b/src/main/resources/static/css/UserCenter.css
@@ -0,0 +1,10 @@
+/* 顶部区域 */
+.header {
+ background-color: gray; /* 背景颜色为灰色 */
+ color: white; /* 字体颜色为白色 */
+ text-align: center; /* 文字居中对齐 */
+ padding: 20px 0; /* 上下内边距，增大高度 */
+ margin: 0; /* 去掉默认的外边距 */
+ font-size: 24px; /* 字体大小 */
+ font-weight: bold; /* 字体加粗 */
+}
\ No newline at end of file
diff --git a/src/main/resources/static/html/UserCenter.html b/src/main/resources/static/html/UserCenter.html
new file mode 100644
index 0000000000000000000000000000000000000000..92e024e4e5808f35edb6a2bce35b4a04941e4041
--- /dev/null
+++ b/src/main/resources/static/html/UserCenter.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>UserCenter</title>
+ <link rel="stylesheet" type="text/css" href="/css/navBar.css">
+ <link rel="stylesheet" href="/css/footer.css">
+ <link rel="stylesheet" href="/css/matchSchedule.css">
+</head>
+<body>
+<div id="navbar-container"></div>
+<div class="title-h1">
+ <h1><p>UserCenter</p></h1>
+</div>
+<tbody>
+<tr>
+ <td>ID</td>
+
+</tr>
+<tr>
+ <td>Username</td>
+
+</tr>
+<tr>
+ <td>Email</td>
+
+</tr>
+<div id="footer-container"></div>
+<script src="/js/navBar.js"></script>
+<script src="/js/footer.js"></script>
+<script>
+ loadNavbar('navbar-container');
+ loadFooter('footer-container');
+</script>
+</body>
+</html>
\ No newline at end of file