论坛

标题: 圣诞树作业 [打印本页]
作者: joker两点    时间: 2018-5-9 23:43
标题: 圣诞树作业
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>圣诞树</title>
  6. </head>
  7. <style>
  8. .out{width:1000px;height:1000px;background:#999;margin:0 auto}
  9. .box1{width:0px; height:0px; border:100px solid transparent; border-bottom-color:green;
  10. margin:-100px auto;}
  11. .box2{width:0px; height:0px; border:200px solid transparent; border-bottom-color:green;
  12. margin:-200px auto;}
  13. .box3{width:0px; height:0px; border:300px solid transparent; border-bottom-color:green;
  14. margin:-300px auto;}
  15. .box4{width:100px; height:300px; background:green;margin:100px auto;}
  16. </style>
  17. <body>
  18. <div class="out">
  19.     <div class="box1"></div>
  20.     <div class="box2"></div>
  21.     <div class="box3"></div>
  22.     <div class="box4"></div>
  23.    
  24.    


  27. </div>
  28. </body>
  29. </html>
复制代码


作者: 潜意式    时间: 2018-5-10 20:12
完成不错哦，知识点掌握没有问题，继续加油~



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1