css属性之列表属性

原创 2016年08月28日 20:42:00

本篇小结css属性的列表属性的一些使用方法。

<!doctype html>
<html>
	<head>
		<title>CSS常见属性(列表属性)</title>
		<meta charset="utf-8">
		<style type="text/css">
		/*
			ul{
				list-style-type:upper-alpha;
			}
			ol{
				list-style-type:disc;
			}
		
		ul.inside{
			list-style-position:inside;
		}
		ul.outside{
			list-style-position:outside;
		}
		
		ul.gif{
			list-style-image:url(images/arr.gif);  images/arr.gif是图片路径,可将前面的小圆点换成我们需要的图片
		}
		ul.png{
			list-style-image:url(images/arr.png);
		}
		*/
		ul{
			list-style:circle outside url(images/arr.png); /*简写的方式*/
		}
		</style>
	</head>
	<body>
		<p>无序列表无序列表无序列表无序列表inside</p>
		<ul class="gif">
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表
				<ul class="png">
					<li>无序列表</li>
					<li>无序列表</li>
					<li>无序列表</li>
					<li>无序列表</li>
					<li>无序列表</li>
					<li>无序列表</li>
				</ul>
			</li>
			<li>无序列表</li>
			<li>无序列表</li>
		</ul>
		<p>无序列表无序列表无序列表无序列表outside</p>
		<ul class="outside">
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
		</ul>
		<!--ol>
			<li>有序列表</li>
			<li>有序列表</li>
			<li>有序列表</li>
			<li>有序列表</li>
			<li>有序列表</li>
			<li>有序列表</li>
		</ol-->
	</body>
</html>

最后,再附上一张list-style-type属性值的图片总结。



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

常用的CSS属性列表汇总

常用的CSS属性列表汇总   近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下。   表格最右列的数字标识支持的CSS最低版本。     0...

CSS属性含义列表(全)

css属性列表 属性名称         字体属性(Font)     font-family     font-style font-variant ...
  • lgx06
  • lgx06
  • 2012年11月02日 13:23
  • 501

css属性列表_和_属性值含义

  • 2013年09月17日 09:35
  • 102KB
  • 下载

css属性列表_和_属性值含义大全

css属性列表 和 属性值含义 CSS属性: 1、媒体(Media)类型      样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定...
  • lgx06
  • lgx06
  • 2012年10月29日 13:06
  • 925

CSS属性列表 - 布局属性

属性 版本 简介 display CSS2/3 ...
  • lvff66
  • lvff66
  • 2017年06月01日 19:25
  • 124

css属性列表 和 属性值含义

原文:http://www.52css.com/article.asp?id=1026从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式...
  • youacai
  • youacai
  • 2011年06月02日 18:38
  • 812

css属性文档

  • 2015年07月22日 17:43
  • 6KB
  • 下载

css属性大全

  • 2014年08月14日 11:52
  • 1.64MB
  • 下载

CSS属性、BFC、IFC

定位属性1.clear 规定哪一侧不允许元素浮动 left 在左侧不允许浮动元素。 right 在右侧不允许浮动元素。 both 在左右两侧均不允许浮动元素。 none 默认值。允许浮动元素出...

css属性表,非常详细

  • 2011年05月11日 10:57
  • 3KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css属性之列表属性
举报原因:
原因补充:

(最多只允许输入30个字)