用css制作三角形

开发工具与关键技术:DW CSS
作者:黄海滨
撰写时间:2019年2月11日

在制作布局的时候,我们制作的小图标上面会有小三角形今天我们就来用css制作三角形
先来看下代码
用css制作三角形
用css制作三角形
然后,我们来设置一下它的边框
用css制作三角形
我们只留了上面的边框,其他的都设置为透明色用css制作三角形
现在就可以看到一个倒立的三角形,如果想设置其它方向的就只留那个方向的背景颜色,其他的都为(transparent)透明色,顺序为上右下左。