Skip to content

Commit 9afa0b4

Browse files
kaiiak37kaiiak37
authored
1
1 parent b19b3e9 commit 9afa0b4

File tree

1 file changed

+104
-0
lines changed

1 file changed

+104
-0
lines changed

‎index.html‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>CodeGeeX 的导航页</title>
8+
<style>
9+
/* 基础样式 */
10+
body {
11+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
12+
background-color: #f4f4f9;
13+
color: #333;
14+
display: flex;
15+
justify-content: center;
16+
align-items: center;
17+
height: 100vh;
18+
margin: 0;
19+
text-align: center;
20+
}
21+
22+
/* 容器样式 */
23+
.container {
24+
background-color: #fff;
25+
padding: 40px;
26+
border-radius: 10px;
27+
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
28+
width: 90%;
29+
max-width: 600px;
30+
}
31+
32+
/* 标题样式 */
33+
h1 {
34+
color: #2c3e50;
35+
margin-bottom: 20px;
36+
}
37+
38+
/* 头像样式 */
39+
.avatar {
40+
width: 100px;
41+
height: 100px;
42+
border-radius: 50%;
43+
margin-bottom: 20px;
44+
border: 3px solid #eee;
45+
}
46+
47+
/* 链接列表样式 */
48+
.links {
49+
list-style: none;
50+
padding: 0;
51+
}
52+
53+
.links li {
54+
margin: 15px 0;
55+
}
56+
57+
.links a {
58+
display: block;
59+
padding: 15px 20px;
60+
background-color: #3498db;
61+
color: white;
62+
text-decoration: none;
63+
border-radius: 5px;
64+
transition: background-color 0.3s ease;
65+
}
66+
67+
/* 鼠标悬停效 果 */
68+
.links a:hover {
69+
background-color: #2980b9;
70+
}
71+
72+
/* 页脚样式 */
73+
.footer {
74+
margin-top: 30px;
75+
font-size: 0.8em;
76+
color: #777;
77+
}
78+
</style>
79+
</head>
80+
81+
<body>
82+
83+
<div class="container">
84+
<!-- 替换成你的头像链接 -->
85+
<img src="https://gitee.com/assets/no-avatar.png" alt="Avatar" class="avatar">
86+
87+
<h1>欢迎来到我的主页</h1>
88+
89+
<ul class="links">
90+
<!-- 在这里添加你的跳转链接 -->
91+
<li><a href="https://gitee.com" target="_blank">我的 Gitee</a></li>
92+
<li><a href="https://blog.csdn.net" target="_blank">我的技术博客</a></li>
93+
<li><a href="https://www.bilibili.com" target="_blank">我的 B 站主页</a></li>
94+
<!-- 你可以继续添加更多链接 -->
95+
</ul>
96+
97+
<div class="footer">
98+
<p>© 2024 CodeGeeX. All rights reserved.</p>
99+
</div>
100+
</div>
101+
102+
</body>
103+
104+
</html>

0 commit comments

Comments
 (0)