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

标签：进度   hidden   ges   alt   分享   div   .com   头部   hid   

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

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

京东制作进度如下：

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

标签：进度   hidden   ges   alt   分享   div   .com   头部   hid   

原文地址：http://www.cnblogs.com/le220/p/7465401.html