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>
<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>
扫一扫
959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
