DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS中的ul與li樣式用法詳解(2)
CSS中的ul與li樣式用法詳解(2)
編輯:CSS詳解     

二、list-style-image屬性

list-style-image屬性用來定義使用圖片代替項目符號。它也是一個可繼承屬性,其語法結構如下:

list-style-image:none/url

list-style-image屬性可以取兩個值:

none:沒有替換的圖片。
url:要替換圖片的路徑。

來看一段代碼:

  1. li{
  2. list-style-image:url(images/bg03.gif);}
  3. <ul>
  4. <li>這裡是列表內容li>
  5. <li>這裡是列表內容li>
  6. <li>這裡是列表內容li>
  7. ul>

效果如下圖。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved