码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签:列表

时间:2014-06-22 10:32:00      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:标签   ul   

列表分类:

    无序列表<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标签:列表,布布扣,bubuko.com

HTML标签:列表

标签:标签   ul   

原文地址:http://7613943.blog.51cto.com/7603943/1429429

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!