1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css加号图标_css3实现各种小图标

css加号图标_css3实现各种小图标

时间:2019-12-05 17:05:12

相关推荐

css加号图标_css3实现各种小图标

加号和减号图标html>

标题

.jia,

.jian{

width:15px;

height:15px;

background:#848484;

border-radius:100%;

position:relative;

display:inline-block;

}

.jia:after,

.jia:before,

.jian:before{

position:absolute;

content:'';

width:9px;

height:2px;

background:#fff;

transform:rotate(0deg);

top:6px;

left:3px;

}

.jia:after{

transform:rotate(-90deg);

}

上,下,左,右实心箭头html>

标题

.arrow-up,

.arrow-down,

.arrow-left,

.arrow-right{

display:inline-block;

width:0;

height:0;

border:8pxsolidtransparent;

}

.arrow-up{

border-bottom-color:#868686;

}

.arrow-down{

border-top-color:#868686;

}

.arrow-left{

border-right-color:#868686;

}

.arrow-right{

border-left-color:#868686;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。