大家好,今天小编关注到一个比较有意思的话题,就是关于css3倒三角形的问题,于是小编就整理了1个相关介绍css3倒三角形的解答,让我们一起看看吧。
程序员的技术干货,如何用html+CSS代码绘制任意方向的三角形?
HTML+css绘制三角形主要运用border 将两边border颜色设为透明,将要显示的三角形方向设为有颜色的,最后将宽高设为0即可实现
.sjx {
width:0;
height:0;
border:50px solid transparent;
border-left-color:greenyellow;
}
//HTML
<div class="sjx"></div>
到此,以上就是小编对于css3倒三角形的问题就介绍到这了,希望介绍关于css3倒三角形的1点解答对大家有用。