css 一个三角形箭头
时间: 2023-11-13 17:05:51 浏览: 184
纯CSS实现箭头、气泡让提示功能具有三角形图标
可以使用CSS代码来绘制三角形箭头,以下是一个向右的箭头的CSS代码:
```
.arrow-right {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #f02c57;
}
```
这段代码中,我们使用了border属性来绘制三角形,其中border-top和border-bottom设置为透明,border-left设置为箭头的颜色。通过调整这些属性的值,可以绘制出不同方向和大小的箭头。
阅读全文