1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2 "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd">
3 <html>
4 <head>
5 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
6 <title>title</title>
7 <style type="text/css">
8 body{
9 margin:0;
10 padding:0;
11 background-color:#fff;
12 }
13 .box{
14 width:330px;
15 height:500px;
16 margin:50px auto;
17 }
18 .box .head{
19 width:200px;
20 height:100px;
21 margin:0px auto;
22 background-color:#a4ca39;
23 border-radius:100px 100px 0px 0px;
24
25 }
26 .box .head::before{
27 content:" ";
28 width:16px;
29 height:16px;
30 display:block;
31 background:white;
32 border-radius:8px;
33 transform:translate(50px,40px);
34 }
35 .box .head::after{
36 content:" ";
37 width:16px;
38 height:16px;
39 display:block;
40 background:white;
41 border-radius:8px;
42 transform:translate(134px,24px);
43 }
44 .box .shenti{
45 width:200px;
46 height:200px;
47 background-color:#a4ca39;
48 margin:0 auto;
49 margin-top:10px;
50 border-radius:0px 0px 30px 30px;
51
52 }
53 .box .shenti::before{
54 content:" ";
55 width:40px;
56 height:150px;
57 display:block;
58 background-color:#a4ca39;
59 border-radius:20px;
60 transform:translate(-50px,20px);
61 }
62 .box .shenti::after{
63 content:" ";
64 width:40px;
65 height:150px;
66 display:block;
67 background-color:#a4ca39;
68 border-radius:20px;
69 transform:translate(208px,-129px);
70 }
71 .box .footer{
72 width:40px;
73 height:100px;
74 margin:0 auto;
75 margin-top:0px;
76 border-radius:0px 0px 30px 30px;
77 }
78 .box .footer::before{
79 content:" ";
80 width:40px;
81 height:100px;
82 display:block;
83 background-color:#a4ca39;
84 border-radius:0px 0px 30px 30px;
85 transform:translate(-40px,0px);
86 }
87 .box .footer::after{
88 content:" ";
89 width:40px;
90 height:100px;
91 display:block;
92 background-color:#a4ca39;
93 border-radius:0px 0px 30px 30px;
94 transform:translate(40px,-103px);
95 }
96 .box .ear1{
97 width:5px;
98 height:30px;
99 margin:0px auto;
100 margin-top:0px;
101 transform:rotate(30deg);
102 border-radius:0px 0px 30px 30px;
103 }
104 .box .ear1::before{
105 content:" ";
106 width:5px;
107 height:30px;
108 display:block;
109 background-color:#a4ca39;
110 border-radius:0px 0px 30px 30px;
111 transform:translate(86px,12px);
112 }
113 .box .ear2{
114 width:5px;
115 height:30px;
116 margin:0px auto;
117 margin-top:0px;
118 transform:rotate(-30deg);
119 border-radius:0px 0px 30px 30px;
120 }
121 .box .ear2::after{
122 content:" ";
123 width:5px;
124 height:30px;
125 display:block;
126 background-color:#a4ca39;
127 border-radius:0px 0px 30px 30px;
128 transform:translate(-73px,-14px);
129 }
130 </style>
131 </head>
132 <body>
133 <div class="box">
134 <div class="ear1"></div>
135 <div class="ear2"></div>
136 <div class="head"></div>
137 <div class="shenti"></div>
138 <div class="footer"></div>
139 </div>
140
141 </body>
142 </html>
143 <script>
144
145 </script>
时间： 2024-10-14 01:37:36