首页 > Web开发 > 详细

HTML5列表、块、布局

时间:2015-08-16 09:18:28      阅读:282      评论:0      收藏:0      [点我收藏+]

一、列表

<ol>  无序列表  (每项前有.)

<ul>  有序列表   (每项前有编号1,,2,3)

<li>   列表项

 1 <ul type="square">
 2         <li>苹果</li>
 3         <li>橘子</li>
 4         <li>香蕉</li>
 5     </ul>
 6     <ol type="i" start=10>
 7         <li>苹果</li>
 8         <li>橘子</li>
 9         <li>香蕉</li>
10     </ol>

1,无序列表

标签:<ul> <li>

属性:disc 实体圆

circle 空心圆

square 方块实体

2,有序列表

标签:<ol> <li>

属性: A  a  I  i   start

3,嵌套列表

  <ul type="square">
        <li>宠物</li>
            <ul>
                <li></li>
                <li></li>
                <li>兔子</li>
            </ul>
        <li>人类</li>
            <ul>
                <li>亚洲人</li>
                <li>美洲人</li>
                <li>欧洲人</li>
            </ul>
        <li>植物</li>
  </ul>

4,自定义列表

标签:<dl>  <dt>  <dd>

  <dl>
        <dt>hello world</dt>
            <dd>C++</dd>
        <dt>hello world</dt>
            <dd>Java</dd>
        <dt>hello world</dt>
    </dl>

 

HTML5列表、块、布局

原文:http://www.cnblogs.com/tianyuxieshen/p/4733593.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!