首页 > 代码库 > HTML标签:列表

HTML标签:列表

列表分类:

    无序列表<ul>

    有序列表<ol>

    自定义列表<dl>,其中<dt>定义列表行头部,<dd>定义列表行内容

注:ul和ol有type属性,可以定义列表类型

    ul中的type属性的取值:disc,square,circle

    ol中的type属性的取值:A,a,I,i,1 

列表可以嵌套;


无序列表:

<ul type="disc">
  <li>学习</li>
  <li>游戏</li>
</ul>

有序列表:

<ol type="1">
  <li>学习</li>
  <li>游戏</li>
</ol>

自定义列表:

<dl>
  <dt>1</dt>
    <dd>学习</dd>
    <dd>游戏</dd>
  <dt>2</dt>
    <dd>学习</dd>
    <dd>游戏</dd>
</dl>

==================================================================================

CSS对列表修饰

type属性可以通过css来替代

list-style简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image将图象设置为列表项标志。
list-style-position设置列表中列表项标志的位置。
list-style-type设置列表项标志的类型。
<style type="text/css">
 ul li{
	 list-style:outside circle;
 }
 li{
	 list-style-image:none;
	 list-style-position:inside;
	 list-style-type:square;
 }
</style>