第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;
}

京东制作进度如下:

posted @ 2017-09-01 23:16  半指温柔乐  阅读(236)  评论(0编辑  收藏  举报