<div class="to_left"></div>
.to_top {
width: 0;
height: 0;
border-bottom: 6px solid #f0f;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.to_bottom {
width: 0;
height: 0;
border-top: 6px solid skyblue;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.to_left {
width: 0;
height: 0;
border-right: 6px solid #ffd900;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.to_right {
width: 0;
height: 0;
border-left: 6px solid #cccf;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
}
![效果图](https://i-blog.csdnimg.cn/blog_migrate/70920b9b794ecd8dc9eb9dcaf6cb7588.png)