箭头一般会用特殊符号或者iconfont实现,之前学到一个用块标签来写的,不知实不实用,写记录下来
html代码如下:
<div class="arrow"></div>
css代码:
.arrow{
width: 20px;
height: 20px;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(-45deg);
}
效果:
![](https://img.haomeiwen.com/i6337204/800220d46f7ca969.png)
箭头一般会用特殊符号或者iconfont实现,之前学到一个用块标签来写的,不知实不实用,写记录下来
html代码如下:
<div class="arrow"></div>
css代码:
.arrow{
width: 20px;
height: 20px;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(-45deg);
}
效果:
本文标题:实现箭头
本文链接:https://www.haomeiwen.com/subject/pjjafxtx.html
网友评论