css左右箭头制作(js左右箭头,div做成箭头)
效果如上图,对应制作手机端的页面的时候,列表显示,然后有个右箭头,点击跑去详情,这个箭头方法如下:.span_right{font-size:0.8em;/*大小*/padding:0.4em;width: 14px;height: 14px;...
·
效果如上图,对应制作手机端的页面的时候,列表显示,然后有个右箭头,点击跑去详情,这个箭头方法如下:
.span_right{
font-size:0.8em;/*大小*/
padding:0.4em;
width: 14px;
height: 14px;
border-top: 3px solid #b9b9b9; /*上面的线条*/
border-right: 3px solid #b9b9b9;/*右边线条*/
transform: rotate(45deg);/*主要是这个旋转45度*/
}
记得是div
<div class="span_right"></div>
更多推荐
已为社区贡献1条内容
所有评论(0)