第19天:京东头部小三角制作
京东头部小三角制作方法:
1、在需要小三角的地方加入“<i><s>◇</s></i>”,如下:
<div class="dt">送至:北京
<i><s>◇</s></i>
</div>
2、设置css样式如下
.dt{
position: relative;
padding:0 20px 0 10px;
}
.dt i{
font: 400 15px/15px "宋体";/*400(font-weight)*/
position: absolute;
top:13px;
right: 3px;
height: 7px;
overflow: hidden;
width: 15px;
}
.dt s{
position: absolute;
top: -8px;
left: 0;
}
京东制作进度如下: