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


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

.test{ width:0;height:0;margin:0 auto;border:6px solid transparent;border-top: 6px solid red;}
1.采用的是均分原理
盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部分。
2.代码的实现
第一步 保证元素是块级元素
第二步 设置元素的边框
第三步 不需要显示的边框使用透明色
符攀飞 符攀飞
2 年多前
147

扫描下方二维码手机阅读文章

0