diff --git a/style_3.css b/style_3.css new file mode 100644 index 0000000..92e5aaa --- /dev/null +++ b/style_3.css @@ -0,0 +1,238 @@ +html, +body { + height: 100%; + margin: 0; + display: flex; + justify-content: center; + /* 水平居中 */ + align-items: center; + /* 垂直居中 */ +} + +.background-container { + width: 2376px; + height: 1355px; + overflow: hidden; + background: #FFF; + justify-content: center; + align-items: center; +} + +.firstcontainer { + position: relative; + width: 1511px; + height: 741px; + overflow: hidden; + border-radius: 26px; + box-shadow: 0px 0px 78px 23px rgba(0, 0, 0, 0.25); + background: #FFF; + flex-shrink: 0; +} + +.getpeople { + position: absolute; + top: 108px; + right: 893px; + bottom: 545px; + left: 147px; + width: 471px; + height: 88px; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 64px; + font-style: normal; + font-weight: 400; + line-height: normal; + text-align: center; + text-shadow: 0px 0px 70px rgba(0, 0, 0, 0.25); +} + +.text1 { + position: absolute; + top: 316px; + right: 1329px; + bottom: 353px; + left: 6px; + width: 285px; + height: 76px; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 64px; + font-style: normal; + font-weight: 400; + line-height: normal; + text-align: center; +} + +.text2 { + position: absolute; + top: 316px; + right: 904px; + bottom: 353px; + left: 499px; + width: 136px; + height: 64px; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 64px; + font-style: normal; + font-weight: 400; + line-height: normal; + text-align: center; +} + +.text3 { + position: absolute; + top: 332px; + right: 444px; + bottom: 353px; + left: 956px; + width: 111px; + height: 56px; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 48px; + font-style: normal; + font-weight: 400; + line-height: normal; + text-align: center; +} + +.text4 { + position: absolute; + top: 332px; + right: 244px; + bottom: 353px; + left: 1143px; + width: 124px; + height: 61px; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 48px; + font-style: normal; + font-weight: 400; + line-height: normal; + text-align: center; +} + +.text5 { + position: absolute; + top: 456px; + right: 1192px; + bottom: 209px; + left: 48px; + width: 285px; + height: 76px; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 64px; + font-style: normal; + font-weight: 400; + line-height: normal; + text-align: center; +} + +.text6 { + position: absolute; + top: 472px; + right: 722px; + bottom: 209px; + left: 659px; + width: 130px; + height: 60px; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 48px; + font-style: normal; + font-weight: 400; + line-height: normal; + text-align: center; +} + +.mytext1 { + position: absolute; + top: 316px; + right: 1046px; + bottom: 357px; + left: 220px; + width: 275px; + height: 68px; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid #000; + background: rgba(217, 217, 217, 0.00); +} + +.mytext2 { + position: absolute; + top: 316px; + right: 618px; + bottom: 357px; + left: 640px; + width: 275px; + height: 68px; + border-radius: 8px; + border: 1px solid #000; + background: rgba(217, 217, 217, 0.00); + flex-shrink: 0; +} + +.signal1 { + position: absolute; + top: 334px; + right: 379px; + bottom: 353px; + left: 1078px; + width: 54px; + height: 54px; + flex-shrink: 0; +} + +.signal2 { + position: absolute; + top: 334px; + right: 188px; + bottom: 353px; + left: 1269px; + width: 54px; + height: 54px; + flex-shrink: 0; +} + +.signal3 { + position: absolute; + top: 475px; + right: 673px; + bottom: 212px; + left: 784px; + width: 54px; + height: 54px; + flex-shrink: 0; +} + +.mytext3 { + position: absolute; + top: 460px; + right: 908px; + bottom: 213px; + left: 328px; + display: flex; + width: 275px; + height: 68px; + flex-direction: column; + justify-content: center; + flex-shrink: 0; + color: #000; + font-family: Inter; + font-size: 36px; + font-style: normal; + font-weight: 400; + line-height: normal; +} \ No newline at end of file