代码写出来的三角形

376 查看

现在网页上会有好多地方插入一些三角形，大图标，小图标等，往往好多程序猿写的时候都直接是引入图片，但这样势必会影响加载速度。现在小编告诉你一种直接代码就可以写出来的三角形，只需要html和css的指示就可以的哦。
郭凯旗
1第一种方法
也就是大家众所周知的直接插入图片，可以使背景图片也可以是直接<img src="sanjiaoxing.jpg"/>,在这里本人就不详述了.
2第二种方法
三角形边框只是利用了一个元素的边框，元素本身宽高都为0，把边框颜色设置为透明色，然后需要的一边设置为自己想要的颜色即可。这样说你可能还不太懂，那么好吧，直接上干货。代码如下：
郭凯旗

最终实现效果如下：

个人公众微信号：机灵猴工作室