File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="zh-CN ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < title > test页面</ title >
7+ < style >
8+ /* 页面整体样式 */
9+ * {
10+ margin : 0 ;
11+ padding : 0 ;
12+ box-sizing : border-box;
13+ }
14+
15+ body {
16+ /* 渐变背景 */
17+ background : linear-gradient (135deg , # 667eea 0% , # 764ba2 100% );
18+ min-height : 100vh ;
19+ display : flex;
20+ justify-content : center;
21+ align-items : center;
22+ font-family : 'Arial' , sans-serif;
23+ }
24+
25+ /* 问候文字样式 */
26+ .greeting {
27+ color : white;
28+ font-size : 2.5rem ;
29+ text-align : center;
30+ text-shadow : 0 2px 4px rgba (0 , 0 , 0 , 0.2 );
31+ padding : 2rem ;
32+ border-radius : 10px ;
33+ background-color : rgba (255 , 255 , 255 , 0.1 );
34+ backdrop-filter : blur (10px );
35+ }
36+
37+ /* 响应式调整 */
38+ @media (max-width : 600px ) {
39+ .greeting {
40+ font-size : 1.8rem ;
41+ padding : 1.5rem ;
42+ }
43+ }
44+ </ style >
45+ </ head >
46+ < body >
47+ < div class ="greeting ">
48+ 你好!欢迎来访
49+ </ div >
50+ </ body >
51+ </ html >
52+
You can’t perform that action at this time.
0 commit comments