当前位置:首页 » 背景图片 » li添加背景图片
扩展阅读
莲藕病害图片大全 2025-02-05 19:30:01
飞机飞控电脑图片 2025-02-05 19:08:56

li添加背景图片

发布时间: 2023-06-28 14:00:33

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