首页  >  文章  >  web前端  >  关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose

关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:51:341767浏览

<html>    <head>        <title>how to be proper</title>		<style type="text/css">			ul.pic{list-style-type:none;				   padding-left:0;				   margin-left:0;}			li.pic{background:url('5.jpg') left center no-repeat;}		</style>		    </head>    <body>		<ul class="pic">			<li class="pic">abcdefg</li>			<li class="pic">hijklmn</li>			<li class="pic">opqrstu</li>		</ul>    </body><html>


回复讨论(解决方案)

li.pic{background:url('5.jpg') left center no-repeat;padding-left:20px}

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn