html实现向上向下箭头,纯css实现上下左右箭头啥都不说直接上代码
html:
css代码:
海贼王多少集了.box{
height:180px;
width:320px;
position:relative;
}
.arrow-bottom{牌坊街
防火font-size:0;
line-height:0;
border-width:10px;
border-color:#2a4f6c;
border-top-width:0;
border-style:dashed;
border-bottom-style:solid;
border-left-color:transparent;
border-right-color:transparent;
position:absolute;张飞怎么玩
right:80px;
bottom:0;
}
.
arrow-up{
font-size:0;
line-height:0;
border-width:10px;
border-color:#2a4f6c;
border-bottom-width:0;
border-style:dashed;
border-top-style:solid;
border-left-color:transparent;
border-right-color:transparent;
position:absolute;
right:80px;
e的笔顺
top:0;
}
.arrow-left{
position:absolute;
right:0px;
top:80;
border:10pxsolid#fff; border-left-color:#2a4f6c; width:0;
height:0;
}
.arrow-right{
position:absolute;
left:0px;
top:80;
border:10pxsolid#fff; border-right-color:#2a4f6c; width:0;
中南大学录取分数线height:0;
4步折纸花
}
飒爽英姿效果图: