【Web前端实操14】利用CSS绘制三角形和梯形

 绘制正三角形

        主要是利用border属性,设置内容区宽高值为0

        将其下边设置为可见,其他边设为透明

        想要倒三角形也是一样,只要设置上边可见,其他边透明即可

代码区:




    
    
    绘制特殊图形
    


    


实现效果:

【Web前端实操14】利用CSS绘制三角形和梯形_第1张图片

你可能感兴趣的:(Web前端实操,前端,css,html,开发语言)