您的位置：首页 > Web前端 > CSS

CSS 自定义列表样式

2012-06-18 22:06 531 查看
CSS列表样式

使用图片显示列表样式
本例中使用了 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>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>自定义列表样式</title>

<style type="text/css" media="all">

ul

{

list-style-image:url("/images/list-orange.png");

}

</style>

</head>

<body>

<ul>

<li>使用图片显示列表样式</li>

<li>本例中使用了 list-orange.png 图片</li>

<li>我们还可以使用 list-green.png top.png 或 up.png 图片</li>

<li>学习<a href="http://www.dreamdu.com/css/property_list-style-image/">列表样式</a></li>

</ul>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航