Ⅰ html ul li 怎麼添加背景圖片
<style>
li{
background:url(圖片URL)no-repeat;
padding-left:25px;
}
</style>
html代碼可以是這樣的
<ul>
<li>11111111</li>
<li>11111111</li>
<li>11111111</li>
</ul>
Ⅱ ul li標簽的背景圖片怎麼設置
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>無標題文檔</title>
<style>
.ww{width:200px;height:500px;background:url(images/1.jpg);}
</style>
</head>
<body>
<ul>
<liclass="ww"></li>
</ul>
</body>
</html>
Ⅲ 網頁製作-導航條背景圖片
你給每個<li>定義一個不同的樣式就可以<li class=""></li>這樣就遵循class的樣式
Ⅳ 用js/jq或css循環為li添加不同的背景圖片
varlist=document.getElementsByTagName('li');
for(vari=0;i<list.length;i++){
list[i].style.backgroundImage=i+'.jpg';
}以上是你做12張圖片的情況。
還有一種是把12張圖片整合到一張圖片上，前提是這12張圖片高度最好一致
樣式就用
li{background:url(sprites.jpg)no-repeat;height:固定好高度}代碼用
list[i].style.backgroundPosition='0'+(間隔高度)*i+'px';