慕课网 前端就业班 CSS背景和列表 编程练习 3-11

用list-style符合属性实现下面的效果

小星星的图片地址为:http://climg.mukewang.com/58dc9e4e0001ba9000160016.png

在这里插入图片描述

任务

(1)定义四个列表选项
(2)小星星图标作为列表样式。

参考代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
<style>
    li{list-style: url(http://climg.mukewang.com/58dc9e4e0001ba9000160016.png);}
</style>
</head>
<body>
	<ul>
		<li>电视</li>
		<li>冰箱</li>
		<li>洗衣机</li>
		<li>空调</li>
	</ul>
</body>
</html>

<!-- 如有错误,欢迎指正 -->

猜你喜欢

转载自blog.csdn.net/qq_43133192/article/details/106985894