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

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

WBOY
Libérer: 2016-06-24 11:51:34
original
1779 Les gens l'ont consulté

<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>
Copier après la connexion


回复讨论(解决方案)

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

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal