回来加班补齐的完整版的安卓图标

学向勤中得,萤窗万卷书。这篇文章主要讲述回来加班补齐的完整版的安卓图标相关的知识,希望能为你提供帮助。

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{ 9margin:0; 10padding:0; 11background-color:#fff; 12 } 13 .box{ 14width:330px; 15height:500px; 16margin:50px auto; 17 } 18 .box .head{ 19width:200px; 20height:100px; 21margin:0px auto; 22background-color:#a4ca39; 23border-radius:100px 100px 0px 0px; 24 25 } 26 .box .head::before{ 27content:" "; 28width:16px; 29height:16px; 30display:block; 31background:white; 32border-radius:8px; 33transform:translate(50px,40px); 34 } 35 .box .head::after{ 36content:" "; 37width:16px; 38height:16px; 39display:block; 40background:white; 41border-radius:8px; 42transform:translate(134px,24px); 43 } 44 .box .shenti{ 45width:200px; 46height:200px; 47background-color:#a4ca39; 48margin:0 auto; 49margin-top:10px; 50border-radius:0px 0px 30px 30px; 51 52 } 53 .box .shenti::before{ 54content:" "; 55width:40px; 56height:150px; 57display:block; 58background-color:#a4ca39; 59border-radius:20px; 60transform:translate(-50px,20px); 61 } 62 .box.shenti::after{ 63content:" "; 64width:40px; 65height:150px; 66display:block; 67background-color:#a4ca39; 68border-radius:20px; 69transform:translate(208px,-129px); 70 } 71 .box .footer{ 72width:40px; 73height:100px; 74margin:0 auto; 75margin-top:0px; 76border-radius:0px 0px 30px 30px; 77 } 78 .box .footer::before{ 79content:" "; 80width:40px; 81height:100px; 82display:block; 83background-color:#a4ca39; 84border-radius:0px 0px 30px 30px; 85transform:translate(-40px,0px); 86 } 87 .box .footer::after{ 88content:" "; 89width:40px; 90height:100px; 91display:block; 92background-color:#a4ca39; 93border-radius:0px 0px 30px 30px; 94transform:translate(40px,-103px); 95 } 96 .box .ear1{ 97width:5px; 98height:30px; 99margin:0px auto; 100margin-top:0px; 101transform:rotate(30deg); 102border-radius:0px 0px 30px 30px; 103 } 104 .box .ear1::before{ 105content:" "; 106width:5px; 107height:30px; 108display:block; 109background-color:#a4ca39; 110border-radius:0px 0px 30px 30px; 111transform:translate(86px,12px); 112 } 113 .box .ear2{ 114width:5px; 115height:30px; 116margin:0px auto; 117margin-top:0px; 118transform:rotate(-30deg); 119border-radius:0px 0px 30px 30px; 120 } 121 .box .ear2::after{ 122content:" "; 123width:5px; 124height:30px; 125display:block; 126background-color:#a4ca39; 127border-radius:0px 0px 30px 30px; 128transform: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>

【回来加班补齐的完整版的安卓图标】 

    推荐阅读