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

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

WBOY
Lepaskan: 2016-06-24 11:51:34
asal
1779 orang telah melayarinya

<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>
Salin selepas log masuk


回复讨论(解决方案)

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

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan