html中图片中箭头指的那个向下的小箭头,是怎么做出来的!
发布网友
共2个回答
热心网友
用边框可以做出来，举例：
.sanjiao{
border:10px solid transparent;//透明边框
border-bottom-color:#ff0000;//红色底边框，也就是红色箭头
display:block;
}
<span class="sanjiao"></span>
写好之后再用定位属性定位到想要的位置即可。
当然用图片也可以的。
热心网友
这是图片.....
background:url("xxx") no-repeat;
background-position:a b;
小三角的位置是由 a b 定的， 这里a大概是-20px b大概是-40px 没有精确测量
