用CSS绘制实体三角形并说明原理

.test{ width:0;height:0;margin:0 auto;border:6px solid transparent;border-top: 6px solid red;}

 

1.采用的是均分原理

盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部分。

2.代码的实现

第一步 保证元素是块级元素

第二步 设置元素的边框

第三步 不需要显示的边框使用透明色

posted @ 2019-07-18 18:28  麋鹿鲁哟  阅读(775)  评论(0编辑  收藏  举报