网页很多时候都应用了css3来写三角形,今天小编我就来教教各位宝宝怎样使用css3写三角形,非常简单喔,这里小编我就写一个css3简单的三角形状。
工具/原料
1
电脑
2
Hbuilder
方法/步骤
1
css3三角形大多数是用块级元素的,所以需要添加一个块级元素进body。
2
之后,小编我就开始定义块级元素的形状(三角形了)。
3
如图,width:0可以去掉块级元素的宽度,如果不是0,那么浏览器默认会赋值100%。
4
接着块级元素没有宽度了,那么我们就设置边框。默认是所有边框都有值,所以是正方形。
5
接着用transparent,这样是透明颜色,然后就看不到块级元素了。
6
这时候再给bottom添加颜色即可得到三角,当然你也可以修改成top,这样三角形方向不同。
7
这里小编我特别强调的就是一定要设置width,让它变为0才可以变成三角形哦。
注意事项
1
如果这条经验有用,你可以收藏。
2
如果这条经验没用,你可以投反对票。
上一篇:css如何制作一个三角形