Question

网站中购物车中的小购物车图标以及个人中心前面的小图标是直接贴的图片还是用语言就能写出来

Answer 1

html5+css3能用代码生成好多小图标

举个例子

<ul>
            <li class="search"><a href="#non">Search</a></li>
</ul>
<style type="text/css">
ul {
    padding:0;
    margin:0;
}

li {
    position:relative;
    z-index:1;
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0 0 .24em;
}

li a:link, 
li a:visited {
    display:block;
    border:0;
    padding-left:25px;
    color:#c55500;
}

li a:hover, 
li a:focus, 
li a:active {
    color:#730800;
    background:transparent;
}

li:before, 
li:after,
li a:before, 
li a:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
}

li a:before, 
li a:after {
    margin:-8px 0 0;
    background:#c55500;
}

li a:hover:before, 
li a:focus:before, 
li a:active:before {
    background:#730800;
}

.search a:before {
    width:6px;
    height:6px;
    border:3px solid #c55500;
    background:transparent;
    /* css3 */
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}

.search a:after {
    left:10px;
    width:3px;
    height:7px;
    margin-top:0;
    /* css3 */
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.search a:hover:before, 
.search a:focus:before, 
.search a:active:before {
    border-color:#730800;
    background:transparent;
}

.search a:hover:after, 
.search a:focus:after, 
.search a:active:after {
    background:#730800;
}

</style>

Answer 2

就是原图片，只不过生成了缩略图而已

追问

原生图片直接加上去会覆盖掉背景色，不能很好的融入到其中去

追答

那必须得做成png格式的

Answer 3

现成的图片素材

追问

原生图片直接加上去会覆盖掉背景色，不能很好的融入到其中去

追答

有透明背景的素材

Answer 4

是有一些应用图标，不过你说的购物车是用的图片

追问

像这种呢？里头的图标也是找的图片吗？你说的有一些应用图标，能给举几个例子吗？什么图标是能写出来的。因为要用到这个，直接放图片的话会把背景给覆盖了