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属性值的图片总结。



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

Duilib属性列表

控件名称:Include 属性 默认值 类型 说明 source   STRING XML布局文件 count   INT 嵌入的次数 控件名称:Imp...
  • wyansai
  • wyansai
  • 2017年04月23日 09:23
  • 1575

xcode 之 属性列表

为什么要分离数据 把静态数据转换到外部是个很好的做法。但是,为什么呢?把表中的数据转换到外部源的优点是什么?让我们问你,在我们的简单的表格应用程序中添加50个配方。也许,你会回到你的代码,并初始...
  • wjx121626
  • wjx121626
  • 2015年10月26日 09:44
  • 374

CSS常用属性速查表

属性太多,对于我这种不深入WEB的人员,还是有个速查表方便多了,注意利用开头的目录,会不断更新的 CSS 字体属性(Font) 属性 描述 CSS  font 在一个声明中设置所有字体属...
  • qq_21792169
  • qq_21792169
  • 2016年03月20日 01:34
  • 3572

runtime获取对象属性及方法列表

创建NSObject的类目,引入runtime #import .m文件 /** * 获取所有属性及对应的值 * */ -(NSDictionary *)getAllPrope...
  • qishiai819
  • qishiai819
  • 2016年05月10日 17:00
  • 1525

Runtime运行时用法1------获取类属性列表

提起Runtime运行时很多初学者会望而却步, 但是仔细想想, 我们要读懂别人框架的实现原理, 这些东西还是需要去学习了,  正所谓, 怕什么什么就是你的缺点, 面对我们知识层面的不足, 我们一定要勇...
  • wangjunling888
  • wangjunling888
  • 2016年05月27日 00:31
  • 1623

duilib uilib属性列表

转自duilib uilib文档 使用时方便查询 duilib属性:
  • whatday
  • whatday
  • 2015年04月01日 10:07
  • 12383

CSS属性之列表属性

列表属性设置列表的标记、用图片代替列表标记以及列表标记的放置位置。
  • h15882065951
  • h15882065951
  • 2017年02月19日 20:47
  • 84

Duilib 控件属性大全

DUILibxml配置项  根节点 子类 属性 类型  Window   |--------Image 图片信息  | o------name string  | o------restyp...
  • aoyuanyuan
  • aoyuanyuan
  • 2016年09月19日 15:35
  • 1020

Runtime获取类属性列表和方法列表

Runtime获取类的属性列表和方法列表 Runtime很强大,他使得OC中没有真正意义上的私有属性和私有方法,我们可以利用OC的运行时拿到一个类的任何方法和任何属性,然后动态的去调用方法,obj...
  • wenmingzheng
  • wenmingzheng
  • 2016年10月12日 10:56
  • 2917

扫描识别工具Dynamic Web TWAIN使用教程:属性/方法/事件介绍

Dynamic Web TWAIN是一个专为Web应用程序设计的TWAIN扫描识别控件。你只需在TWAIN接口写几行代码,就可以用兼容TWAIN的扫描仪扫描文档或从数码相机/采集卡中获取图像。 本文...
  • Harriet666
  • Harriet666
  • 2017年11月29日 17:12
  • 75
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css属性之列表属性
举报原因:
原因补充:

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