|
|
你懂得，不解释，直接上代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css">.wraper {position: relative;float: left;width: 150px;height: 150px;border: 1px solid black;padding: 10px;margin: 10px;}.wraper div {height: 0px;}.d1 {width: 1px;margin: 0 auto;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid;color: red;}.d2 {width: 50px;margin: 0 auto;border-bottom: 100px solid;color: orange;}.d3 {width: 50px;margin: 0 auto;border-left: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 100px solid;color: blue;} </style> </head> <body> <div class="wraper"><div class="d1"></div> </div> <div class="wraper"><div class="d2"></div> </div> <div class="wraper"><div class="d3"></div> </div> </body></html>
显示的结果：
 |
|
京ICP备14020293号-2
本网站内容均收集于互联网，如有问题请联系QQ:389897944予以删除
窥视卡
雷达卡
楼主
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡