所在的位置: html >> html前景 >> 冰墩墩HTML语言

冰墩墩HTML语言

!doctypehtmlhtmlheadmetacharset="utf-8"title用css来画一个冰墩墩/title/headbodydivclass="m_body"/divdivclass="ear1"/divdivclass="ear2"/divdivclass="eye1"/divdivclass="eye2"/divdivclass="facec_blue"/divdivclass="facec_red"/divdivclass="facec_purple"/divdivclass="facec_yellow"/divdivclass="facec_green"/divdivclass="nose"/divdivclass="mouse"/divdivclass="arm1"/divdivclass="arm2"/divdivclass="leg1"/divdivclass="leg2"/div/body/htmlstyle*{margin:0;padding:0}body{font:15px"MicrosoftYaHei",Arial,Helvetica,sans-serif;background:#d4ebf1;color:#;}.m_body{width:px;height:px;border:#pxsolid;margin:50pxauto;border-radius:88%88%62%68%/82%82%95%84%;position:absolute;left:px;top:-30px;background:#fff;}.ear1,.ear2{background:#;width:81px;height:px;border-radius:50%;position:absolute;z-index:-1;}.ear1{left:px;top:26px;transform:rotate(-10deg);}.ear2{left:px;top:28px;transform:rotate(10deg);}.eye1,.eye2{background:#;width:83px;height:px;border-radius:50%;position:absolute;}.eye1{left:px;top:px;transform:rotate(45deg);}.eye2{left:px;top:px;transform:rotate(-45deg);}.eye1:before,.eye2:before{content:"";width:40px;height:40px;border:#fff5pxsolid;border-radius:%;position:absolute;}.eye1:before{right:10px;top:22px;}.eye2:before{left:10px;top:22px;}.eye1:after,.eye2:after{content:"";width:10px;height:10px;background:#9b9b9b;border-radius:%;position:absolute;}.eye1:after{right:27px;top:31px;}.eye2:after{left:41px;top:44px;}.face{position:absolute;border-radius:48%48%44%49%/53%54%45%47%;}.c_blue{border:#6bcdf35pxsolid;width:px;height:px;left:px;top:78px;}.c_red{border:#afpxsolid;width:px;height:px;left:px;top:73px;}.c_purple{border:#5d75b35pxsolid;width:px;height:px;left:px;top:70px;}.c_yellow{border:#ffcpxsolid;width:px;height:px;left:px;top:65px;}.c_green{border:#7fcbpxsolid;width:px;height:px;left:px;top:61px;}.arm1,.arm2{background:#;position:absolute;z-index:-1;}.arm1{width:75px;height:px;left:64px;top:px;transform:rotate(45deg);border-radius:24%69%68%76%/53%95%40%52%;}.arm2{width:75px;height:px;left:px;top:px;transform:rotate(37deg);border-radius:56%62%98%6%/40%46%80%58%;}.arm2:before{content:"";width:16px;height:24px;background:#bcc;position:absolute;border-top-left-radius:50%;border-top-right-radius:50%;transform:rotate(45deg);left:32px;top:20px;}.arm2:after{content:"";width:16px;height:24px;background:#bcc;position:absolute;border-top-left-radius:50%;border-top-right-radius:50%;transform:rotate(-45deg);left:26px;top:20px;}.arm_c{content:"";width:16px;height:24px;position:absolute;left:px;top:20px;}.nose{background-color:#;}.nose:before,.nose:after{content:;position:absolute;background-color:inherit;}.nose,.nose:before,.nose:after{width:28px;height:18px;border-radius:42px42px60px61px/30px30px50px46px;}.nose{position:absolute;left:px;top:px;}.mouse{position:absolute;left:px;top:px;width:68px;height:25px;border-radius:48%;border:#7pxsolid;border-top:none;border-left:0;border-right:0;}.leg1,.leg2{background:#;position:absolute;width:83px;height:80px;border-radius:px30px;z-index:-1;}.leg1{left:px;top:px;}.leg2{left:px;top:px;}.leg1:after,.leg2:after{content:"";width:43px;height:30px;position:absolute;background:#;border-radius:30px;}.leg1:after{bottom:0;right:-3px;}.leg2:after{bottom:0;left:-3px;}/stylescriptsrc="


转载请注明:http://www.aierlanlan.com/cyrz/443.html

  • 上一篇文章:
  •   
  • 下一篇文章: