极速网站
申请会员 文章投稿 ACCP教程网公告:
搜索: 您的位置主页>图文教程>网页教程>html教程>

无序列表UL

2008-05-08 12:01:37 来源:互联网 作者: 收藏本页 点击:
无序列表使用的一对标签是<ul></ul>,无序列表指没有进行编号的列表,  每一个列表项前使用<LI>。<LI>的属性type有三个选项,这三个选项都必须小写:
        
        disc实心园
        circle空心园
        square小方块
    
<ul>如果不使用其项目<li>的属性值,即默认情况下的<ul>会加"实心园"。

    格式1:

         <UL>
       <LI>第一项
       <LI>第二项
       <LI>第三项
      </UL>

    格式2

        <ul>
          <li type=disc>第一项
          <li type=circle>第二项
          <li type=square>第三项
        </ul>

示例

<html>
<head>
<title>无序列表</title>
</head>
<body>
<ul>
  <li>默认的无序列表加"实心园"
  <li>默认的无序列表"实心园"
  <li>默认的无序列表"实心园"
</ul>
<ul>
    <li type=square>无序列表square加方块
  <li type=square>无序列表square加方块
  <li type=square>无序列表square加方块
</ul>
<ul>
    <li type=circle>无序列表circle加空心园
  <li type=circle>无序列表circle加空心园
  <li type=circle>无序列表circle加空心园
</ul>
</body>
</html>

效果:

      
  • 默认的无序列表加"实心园"   
  • 默认的无序列表"实心园"   
  • 默认的无序列表"实心园"
  • 无序列表square加方块  
  • 无序列表square加方块  
  • 无序列表square加方块
  • 无序列表circle加空心园  
  • 无序列表circle加空心园  
  • 无序列表circle加空心园



标签:
评论总数:0 [ 发布评论 ] 网友评论
关于我们 - 版权声明 - RSS订阅 - 网站地图 - 网站帮助 成都水货手机网