css画三角形

  • 1,047
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <title>css画三角形</title>
    <meta http-equiv="Conrent-type" content="text/html;charset=gbk">
<meta name="description" content="实战首页布局">
     
    <style>
div{
background:gray;
}
/*
#trip{
   width:0px;
   height:0px;
   border-top:300px solid blue;
   border-right:300px solid red;
   border-bottom:300px solid green;
   border-left:300px solid orange;
}*/
#trip{
   width:0px;
   height:0px;
   border-top:100px solid white;
   border-right:100px solid white;
   border-bottom:100px solid white;
   border-left:100px solid orange;
   }
</style>
          
</head>
      <body>
  <div>
         <div id="trip">
 </div>
            </div>
     </body>
</html>

css画三角形

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2016年6月3日21:57:12
  • 转载请务必保留本文链接:https://www.150643.com/35.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: