list-style-image屬性用法

admin發表於2017-02-11

製作新聞列表之類的結構的時候，往往在列表每一行的開頭加上一個圖片之類的東西，可以提高美觀度。

ul標籤提供了list-style-image屬性，讓我們能夠設定列表每一行開頭的圖片。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
ul{
  list-style-image:url(mytest/demo/index.jpg)
}
</style>
</head>
<body>
<ul>
  <li>螞蟻部落</li>
  <li>螞蟻部落</li>
  <li>螞蟻部落</li>
  <li>螞蟻部落</li>
</ul>
</body>
</html>

相關文章