Rumah >hujung hadapan web >html tutorial >关于用图片做无序列表的项目符号，我做出来怎么是这个样子？_html/css_WEB-ITnose
关于用图片做无序列表的项目符号，我做出来怎么是这个样子？_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:51:341788semak imbas
<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}
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：页面自动生成工具设计_html/css_WEB-ITnoseArtikel seterusnya：CSS制作图片水平垂直居中_html/css_WEB-ITnose