如何使用css绘制三角形

css绘制三角形

代码:


<body>
    <div class="test">div>
body>

运行示例:
如何使用css绘制三角形_第1张图片
注意点:

 border-top-color: #00BCD4;

直接在top部位修改属性 top bottom left right 即可修改小三角形的方向
方向与你设置的是相反的

border:10px solid transparent; 第一个属性即是三角形大小

你可能感兴趣的:(css,css绘制三角形,css,html,css3,html5)