慕課網 前端就業班 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>

<!-- 如有錯誤,歡迎指正 -->
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章