小图标制作

来源:互联网 发布:p2717h 知乎 编辑:程序博客网 时间:2024/04/24 11:32
<ul><!--用背景做的小图标--><!--1.导入背景图片。2.背景定位先设为0 0,检查之后在页面确认坐标。--><li style="background:url(img/down.jpg) 0px 6px no-repeat;padding-left: 20px;">京东</li><!--用标签做的小图标--><!--1.插入一个块级标签,设置宽高,背景颜色。2.利用子绝父相定位做。--><li style=" width:300px; height:50px; padding-left: 20px; position:relation;"><span style="display:block; width:10px; height:10px; background:red; position:absolute;left:50px;top:144px;"></span>淘宝</li></ul>


样式如下:


1 0