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

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

1.采用的是均分原理

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

2.代码的实现

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

第二步 设置元素的边框

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

标签：solid,绘制,代码,元素,6px,边框,三角形,border,CSS
来源： https://blog.51cto.com/miluluyo/2913684