From 551755fb618d9ab7e987b7278c0e1aa6e6d077fb Mon Sep 17 00:00:00 2001 From: ptkbf2lr5 <18759452262@163.com> Date: Thu, 10 Oct 2024 21:21:12 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AD=97=E4=BD=93=E6=A0=B7=E5=BC=8F=E8=AE=BE?= =?UTF-8?q?=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 styles.css diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..6fe3a31 --- /dev/null +++ b/styles.css @@ -0,0 +1,48 @@ +.container { + width: 100%; + max-width: 1280px; /* 设置最大宽度 */ + height: 100vh; /* 视口高度 */ + position: relative; + background: linear-gradient(90deg, #E7642A 0%, #E1BCE9 50%, #152DA9 100%); +} + +.content { + width: 100%; + max-width: 710px; + height: 446px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + /* 其他样式 */ +} + +.background-image { + width: 100%; + max-width: 100%; /* 图片自适应宽度 */ + height: auto; /* 保持图片比例 */ + position: absolute; + top: 0; + right: 0; + bottom: 0; +} +@font-face { + font-family: 'Alfa Slab One'; + src: url('AlfaSlabOne-Regular-2.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Inter'; + src: url('Inter-Regular-9.otf') format('opentype'); + font-weight: normal; + font-style: normal; +} +body { + font-family: 'Inter', sans-serif; + } + +h1 { + font-family: 'Alfa Slab One', cursive; +} \ No newline at end of file