4(倒三角)

时间：2019-10-25 15:02:51 阅读：86 评论：0 收藏：0 [点我收藏+]

实现倒三角主要用到 ( border-**(上下左右): 100px solid(实线) transparent(透明);)

css内容:

.div1 {

height: 100px;

width: 0px;

border-top: 100px solid;

border-left: 100px solid transparent;

border-right: 100px solid transparent;

}

html:

效果展示:

旋转的使用样式:

.div2 {

height: 50px;

width: 50px;

border-top: 10px solid red;

border-right: 10px solid;

transform: rotate(45deg);

}

原文：https://www.cnblogs.com/m9m941102/p/11737779.html

踩

(0)

评论一句话评论（0）

分享档案

更多>