第19天：京东头部小三角制作

Posted 2020-10-05 半指温柔乐

京东头部小三角制作方法：

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

京东制作进度如下：