標籤：isp color 安卓 doc translate xhtml meta bsp div
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>
回來加班補齊的完整版的安卓表徵圖
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
