梦之都
CSS教程
,
list-style-image
示例.
使用图片显示列表样式
本例中使用了 list-orange.png 图片
我们还可以使用 list-green.png top.png 或 up.png 图片
大家可以尝试修改下面的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <title>CSS list-style-image 属性示例 -- CSS教程</title> <style type="text/css" media="all"> ul { list-style-image: url("/images/list-orange.png"); } </style> </head> <body> <p>梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<strong><a href="http://www.dreamdu.com/css/property_list_style_image/">list-style-image</a></strong>示例.</p> <ul> <li>使用图片显示列表样式</li> <li>本例中使用了 list-orange.png 图片</li> <li>我们还可以使用 list-green.png top.png 或 up.png 图片</li> <li>大家可以尝试修改下面的代码</li> </ul> </body> </html>