慕课网 前端就业班 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>
<!-- 如有错误,欢迎指正 -->
标签:11,style,慕课,http,小星星,列表,58dc9e4e0001ba9000160016,mukewang,CSS 来源: https://blog.csdn.net/qq_43133192/article/details/106985894