Maison >interface Web >tutoriel HTML >关于用图片做无序列表的项目符号，我做出来怎么是这个样子？_html/css_WEB-ITnose
关于用图片做无序列表的项目符号，我做出来怎么是这个样子？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:51:341792parcourir
<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}
Déclaration：
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
Article précédent：页面自动生成工具设计_html/css_WEB-ITnoseArticle suivant：CSS制作图片水平垂直居中_html/css_WEB-ITnose