From 66440c0df2a6afc1391f71729940a997306d6f09 Mon Sep 17 00:00:00 2001 From: MKStoler1024 <158786854+MKStoler1024@users.noreply.github.com> Date: Thu, 20 Feb 2025 23:52:30 +0000 Subject: [PATCH] =?UTF-8?q?style:=20=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E7=94=A8=E7=8E=B0=E4=BB=A3=E5=AD=97=E4=BD=93?= =?UTF-8?q?=E5=B9=B6=E6=B7=BB=E5=8A=A0=E8=83=8C=E6=99=AF=E6=A8=A1=E7=B3=8A?= =?UTF-8?q?=E6=95=88=E6=9E=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 31 +++++++++++++++++++++---------- 1 file changed, 21 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index f5a4c03..b9726b8 100644 --- a/index.html +++ b/index.html @@ -37,12 +37,16 @@ align-items: center; height: 100vh; margin: 0; - font-family: 'Helvetica Neue', sans-serif; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 使用更现代的字体 */ + color: #fff; + background-color: rgba(0, 0, 0, 0.5); /* 添加半透明背景 */ + backdrop-filter: blur(5px); /* 添加背景模糊效果 */ } h1 { - color: white; - font-size: 36px; /* 更大一点 */ + color: #fff; + font-size: 48px; text-align: center; + margin-bottom: 30px; animation: fadeInUp 1s ease-in-out; } ul { @@ -52,16 +56,23 @@ animation: fadeInUp 1s ease-in-out; } li { - margin-bottom: 20px; /* 增加间距 */ + margin-bottom: 30px; } a { - color: white; + color: #fff; text-decoration: none; - font-weight: bold; /* 加粗链接文本 */ - transition: color 0.3s ease; /* 添加过渡效果 */ + font-size: 24px; + font-weight: bold; + padding: 15px 30px; + border-radius: 8px; + background-color: rgba(255, 255, 255, 0.1); + transition: all 0.3s ease; + display: inline-block; } a:hover { - color: #f8d800; /* 鼠标悬停时的颜色 */ + background-color: rgba(255, 255, 255, 0.3); + transform: translateY(-3px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } @keyframes fadeInUp { 0% { @@ -83,8 +94,8 @@ - - GitHub + + GitHub