思洋互动网站建设学前班

本节将讨论列表项符号的灵活运用问题，主要是将原来死板的列表项符号用各种新颖的图片来代替。以图片代替原来的列表项符号，使列表看起来更美观生动。

1  样式死板的列表项符号

在创建列表的时候，<UL>中的type属性可以指定列表项符号样式。但是，单纯依靠该属性指定列表项样式效果过于单调死板。例如，下面这个静态页面。

1. 1<ul id="ulstyle"> 
2. 2       <li> jQuery 是一个 JavaScript 库。</li> 
3. 3        <li> jQuery 极大地简化了 JavaScript 编程。</li> 
4. 4        <li> jQuery 很容易学习。</li> 
5. 5        <li> jQuery 拥有供 AJAX 开发的丰富函数（方法）库。</li> 
6. 6</ul> 

结果如图4.5所示。

在CSS中也有特定属性来设定列表项符号的图片（list-style-image）。但是，这个属性不被大多数浏览器所支持。所以，需要用另一种方法来设定符号图片。

图4.5  样式死板的列表项符号