>  기사  >  웹 프론트엔드  >  关于用图片做无序列表的项目符号,我做出来怎么是这个样子?_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으로 문의하세요.