通常写轮播图的前后换页的时候，会用到左右箭头或者三角形，今天这里是用border写的，只有一层标签，左右两个写着可能更方便些，更美观一些。
效果
这里我们会用到一个知识点，提前点出 — transparent
我们正常使用边框是这样：
设置宽高为 0
这样看不太出来，给四边都添加颜色
这样一看，直接只写border-top，那三角形不就出来了吗，可你会发现不是这样的，效果是全空白。
这个时候我们就需要用到之前那提到的样式了
设置单边样式
设置双边样式
设置三边样式
设置四边样式
这个时候，我们再配合宽度使用
配合高度使用
宽高全设置
这时候介绍马上完毕，使用这种方法做三角形，如下：
根据代码，这个三角形应该是贴着边框的，但是并没有，这是因为咱们的样式开始是设置在这个元素的所有border上的，咱们写的border-right、border-top、border-bottom、border-left 都只覆盖了对应边的样式，所以这里其余边只是隐藏了，但空间占用还在。所以这种方法不是最终的方法，如下：
把样式设置在对应边上，就可以避免出现上述现象。通过这些知识点不仅仅可以做三角形，这里只是例举一下知识点，例如平行四边形等都可以做，那就根据个人需求了，若有疑问可留言。好了，今天的分享就到这里了。
相关文章：