你對CSS list-style-image屬性的用法是否了解,這裡向大家描述一下,list-style-image屬性使用圖像來替換列表項的標記,這個屬性指定作為一個有序或無序列表項標志的圖像。
CSS list-style-image屬性列表圖標
定義和用法
list-style-image屬性使用圖像來替換列表項的標記。
說明
這個屬性指定作為一個有序或無序列表項標志的圖像。圖像相對於列表項內容的放置位置通常使用list-style-position屬性控制。
注釋:請始終規定一個"list-style-type"屬性以防圖像不可用。
實例
把圖像設置為列表中的項目標記:
- ul
- {
- list-style-image:url("/i/arrow.gif");
- list-style-type:square;
- }
浏覽器支持
所有浏覽器都支持list-style-image屬性。
注釋:任何的版本的InternetExplorer(包括IE8)都不支持屬性值"inherit"。
可能的值
【編輯推薦】