首页 > 其他 > 详细

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

时间:2017-09-01 23:37:29      阅读:225      评论:0      收藏:0      [点我收藏+]

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

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天:京东头部小三角制作

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!