Ⅰ 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';