CSS渡一教程学习笔记(四)--利用border刻画一个三角形

今天笔记刻画一个三角形。估计以后会用的到，所以在这里记一下

 <style>
        .div1{
   
          /*  width:0px;
            height:0px;
            border:50px solid red;
            !*可以设置为透明transparent*!
            border-top-color:blue;
            border-bottom-color:black;
            border-left-color:green;
            border-right-color:yellow;*/
            /*第一步:画一个中规中矩的div,内容区域为100*100正方形*/
            width:200px;
            height:200px;
            border:1px solid red