html实现向上向下箭头，纯css实现上下左右箭头啥都不说直接上代码
who care
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;
koaiborder-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;
man in blackborder-bottom-width:0;
border-style:dashed;
border-top-style:solid;
border-left-color:transparent;
border-right-color:transparent;
position:absolute;
英语日记大全
right:80px;
top:0;
}
.arrow-left{
position:absolute;
right:0px;
staffer
being翻译top:80;
border:10pxsolid#fff; border-left-color:#2a4f6c; width:0;
height:0;antenna是什么意思
}rainy days
.arrow-right{
position:absolute;
left:0px;
the carnabytop:80;
border:10pxsolid#fff; border-right-color:#2a4f6c; width:0;
height:0;
}
效果图：
