新闻资讯
记录首创点滴进步 见证远行
我们一直紧跟时代前沿,聚焦行业实时动态,发布公司最新资讯,欢迎您的关注
您目前的位置:网站首页 > 新闻资讯 > 网站常识 >

ul、li用法中的好搭挡

发布日期:2013-05-07文章来源:首创网络浏览次数:676次
    ul、li用法中的好搭挡。在制作html时我们常用到ul和li这对好的搭挡、正是因为它们的方便好用,才如此广泛应用,下面介绍下它们的css样式,帮助大家更好的来掌握它们的用法: LI代码的格式化: A).运用CSS格式化列表符:u......
    本文关键字:、,用法,中的,好,搭挡,、,用法,中的,好,搭挡,
  ul、li用法中的好搭挡。在制作html时我们常用到ul和li这对好的搭挡、正是因为它们的方便好用,才如此广泛应用,下面介绍下它们的css样式,帮助大家更好的来掌握它们的用法:
  LI代码的格式化:
  A).运用CSS格式化列表符:ulli{
  list-style-type:none;
  }
  B).如果你想将列表符换成图像,则:ulli{
  list-style-type:none;
  list-style-image:url(/blog/images/icon.gif);
  }
  C).为了左对齐,可以用如下代码:ul{
  list-style-type:none;
  margin:0px;
  }
  D).如果想给列表加背景色,可以用如下代码:ul{
  list-style-type:none;
  margin:0px;
  }
  ulli{
  background:#CCC;
  }
  E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:ul{list-style-type:none;margin:0px;}
  ullia{display:block;width:100%;background:#ccc;}
  ullia:hover{background:#999;}说明:display:block;这一行必须要加的,这样才能块状显示!
  F).LI中的元素水平排列,关键FLOAT:LEFT:ul{
  list-style-type:none;
  width:100%;
  }
  ulli{
  width:80px;
  float:left;
  }
  <ul><li>的区别
  <LI>的参数设定(常用):
  例如:<litype="square"value="4">
  type="square"
  只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为type="disc":
  符号是当type="disc"时的列项符号。
  符号if"width=10height=10border=0>是当type="circle"时的列项符号。
  符号是当type="square"时的列项符号。
  value="4"
  只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是1,2,3..等整数,没有内定值。
  <UL>称为无序清单标记。
  所谓无序清单就是在每一项前面加上、、等符号,故又称符号清单。
  <UL>的参数设定(常用):
  例如:<ULtype="square">
  type="square"
  设定符号款式,其值有三种,如下,内定为type="disc":
  符号是当type="disc"时的列项符号。
  符号是当type="circle"时的列项符号。
  符号是当type="square"时的列项符号。
  <ul>是项目列表,<li>是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点啦,还有一个是<ol>这个是编号列表,用数字来列的,也是用<li>做列表项
  <li>是listitem即列表项,但列表有很两种,所以外面得有<ul>或者<ol>用来区别无序列表(小点点)和有序列表(1,2,3...)。
    本文由邯郸网络公司首创网络整理编辑发布,请勿转载、复制、摘抄等!

+ 查看更多我们的客户 / Our client

0310-4559740
400-990-1661
    24小时报务热线
    18931045623
在线客服
首创网络邯郸公司
邯郸公司
电话:0310-4559740 / 18931045623  地址:邯郸市丛台区颐高广场B座13层1304室