怎么给每个li加不同的背景图

来源:3-4 list-style-image

Karma_Scq

2017-06-01 22:00:27

怎么给每个li加不同的背景图

写回答

7回答

天道酬勤168

2017-07-02

<!doctype html>

<html>

<head>

<meta charset="UTF-8" />

<title></title>

<style>

.li1{list-style-image:url(1.png);}

.li2{list-style-image:url(2.png);}

.li3{list-style-image:url(3.png);}

.li4{list-style-image:url(4.png);}

</style>

</head>

<body>

<ul>

  <li class="li1">第一行</li>

  <li class="li2">第二行</li>

  <li class="li3">第三行</li>

  <li class="li4">第四行</li>

</ul>

</body>

</html>


6

慕仔6559745

2017-06-01

我猜是在每个li里面加上class属性,然后分别加上list-style(url)

2

悄然于心

2019-02-11

同学你好,首先需要给每个li元素添加class属性并设置属性名称,然后利用class属性分别给每个li元素设置不同或者是相同的样式。
需要注意的是一定要给每个li都设置样式才能正确的显示出来,如果设置了一个或者两个而不是全部的话,那么之前设置的样式都会无效!

1

Miss路

2017-06-02

要给每个单独的元素设置不同的样式,需要分别不同的选中某个元素才可以。祝学习愉快!

1

叼牌大师兄

2017-11-12

目前状态:可以用行内样式 class id等;
以后学了js可以用js循环添加

0

白日梦想家XJQ

2017-09-14

给每个li加上class就可以了

0

金台李寻欢

2017-08-04

用上选择器就可以了

0

0 学习 · 36712 问题

查看课程