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>



HTML标签:列表,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。