diff --git a/css/index.css b/css/index.css index f660ea1..3041334 100644 --- a/css/index.css +++ b/css/index.css @@ -134,16 +134,16 @@ display: contents; /* 让子元素直接参与父级 flex 布局 */ } -/* 注册文字链接 */ +/* 登录文字链接 */ #index .no-login .nav-text-link { padding: 0 16px; display: flex; align-items: center; } -/* 登录按钮 - 与 header 等高 */ -#index .btn-login, -#index #loginBtn { +/* 注册按钮 - 与 header 等高 */ +#index .btn-register, +#index #registBtn.btn-register { padding: 0 32px; font-size: 14px; font-weight: 500; @@ -162,8 +162,8 @@ min-width: 100px; } -#index .btn-login::before, -#index #loginBtn::before { +#index .btn-register::before, +#index #registBtn.btn-register::before { content: ''; position: absolute; top: 0; @@ -175,19 +175,19 @@ transition: opacity 0.3s ease; } -#index .btn-login:hover, -#index #loginBtn:hover { +#index .btn-register:hover, +#index #registBtn.btn-register:hover { background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%); } -#index .btn-login:hover::before, -#index #loginBtn:hover::before { +#index .btn-register:hover::before, +#index #registBtn.btn-register:hover::before { opacity: 1; } -/* 登录按钮文字在最上层 */ -#index .btn-login span, -#index #loginBtn span { +/* 注册按钮文字在最上层 */ +#index .btn-register span, +#index #registBtn.btn-register span { position: relative; z-index: 1; } @@ -240,8 +240,8 @@ font-size: 13px; } - #index .btn-login, - #index #loginBtn { + #index .btn-register, + #index #registBtn.btn-register { padding: 0 24px; font-size: 13px; min-width: 80px; diff --git a/public/header.html b/public/header.html index dab9913..4165b4e 100644 --- a/public/header.html +++ b/public/header.html @@ -34,9 +34,8 @@ 控制台