每次箭头都是用图片,下次还是直接用css算了
<view class="sanjiao"></view>
三角形 向下
.sanjiao{
width: 0;
height: 0;
transform: translateY(-50%);
border: 14rpx solid;
border-color: transparent transparent transparent black;
}
箭头 向右
.sanjiao{
width: 7px;
height: 7px;
border-top: 2px solid black;
border-right: 2px solid black;
transform: rotate(45deg);
}
CSS箭头绘制技巧
本文介绍了一种使用CSS来绘制三角形箭头的方法,包括向下和向右的箭头样式。通过巧妙设置边框和旋转角度,可以轻松实现箭头效果,避免了使用图片带来的不便。
2290

被折叠的 条评论
为什么被折叠?



