动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
电脑书籍下载:程序设计书籍 | 数据库教程书籍 | 平面与多媒体书籍 | 网络通讯书籍 | 系统管理书籍 | 网络安全书籍 | 认证考试书籍
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS教程
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ CSS教程 ]的信息



本月文章推荐
.CSS的“弹出式”图像浏览器.
.expression将JS、Css结合起来.
.CSS教程:li和ul标签用法举例.
.推荐一些所谓的CSS的“顶级”技巧.
.纯CSS的下拉菜单 支持IE6 IE7 Fi.
.引入CSS样式的五种方式.
.通过CSS类型的顺序改变翻滚效果.
.用CSS实现的一张图完成的导航条.
.DIV+CSS常见错误汇总.
.css属性之媒体(Media)类型.
.CSS教程:简化CSS中属性的示例.
.CSS制作11种风格不同的特效文字.
.解析edikid's blog的CSS“加密”.
.使用 CSS 创建固定宽度的布局.
.CSS制作网页编写的提醒及小技巧整.
.关于CSS 框架的论述.
.DIV+CSS常见错误汇总.
.CSS布局实例:上中下三行,中间自适.
.CSS+DIV设计实例:纯CSS制作下拉.
.CSS入门教学十四个问与答.

CSS教程:li和ul标签用法举例

发表日期:2007-11-29 |


      LI代码的格式化:

      A).运用CSS格式化列表符:

以下是引用片段:
ul li{
list-style-type:none;
}

      B).如果你想将列表符换成图像,则:

以下是引用片段:
ul li{
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;
}
ul li{
background:#CCC;
}


      E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:

以下是引用片段:
ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }说明:display:block;这一行必须要加的,这样才能块状显示!


      F).LI中的元素水平排列,关键FLOAT:LEFT:

以下是引用片段:
ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;

      <ul><li>的区别

      <LI> 的参数设定(常用):

      例如: <li type="square" value="4">

      type="square"

      只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type="disc":

以下是引用片段:
      符号 是当 type="disc" 时的列项符号。
      符号 if" width=10 height=10 border=0> 是当 type="circle" 时的列项符号。
      符号 是当 type="square" 时的列项符号。
      value="4"

      只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。

      <UL>称为无序清单标记。

      所谓无序清单就是在每一项前面加上 、、等符号,故又称符号清单。

      <UL> 的参数设定(常用):

      例如: <UL type="square">

      type="square"

      设定符号款式,其值有三种,如下,内定为 type="disc":

以下是引用片段:
      符号 是当 type="disc" 时的列项符号。
      符号 是当 type="circle" 时的列项符号。
      符号 是当 type="square" 时的列项符号。


      <ul>是项目列表,<li>是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点,还有一个是<ol>这个是编号列表,用数字来列的,也是用<li>做列表项

      <li>是 list item 即列表项,但列表有很两种,所以外面得有 <ul> 或者 <ol> 用来区别无序列表(小点点)和有序列表(1,2,3...)。


上一篇:CSS的学习应该注意学习方法 人气:3309
下一篇:详解CSS的定位语法应用 人气:4144
浏览全部CSS的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-7-8 ECShop v2.6.0 Build 20080707(G
2008-7-8 动网论坛PHP版 v2.0++ Build 080
2008-7-8 中国IT总舵 v9.0 UTF版
2008-7-8 凹丫丫新闻发布系统 v4.6 Build
2008-7-8 topview数据查询 v3.0
2008-7-8 Z-Blog v1.8 Spirit Build 80708
2008-7-8 Z-Blog v1.8 Spirit Build 80708
2008-7-8 凹丫丫新闻发布系统 v4.6 Build
2008-7-8 新动软万能网站内容管理cms系统
2008-7-5 AgileMessenger即时通讯工具 v1.
2008-7-5 GoodCalculator2.0版固件计算器
2008-7-5 RepoName源地址搜索工具 v1.21b
2008-7-5 AgileMessenger即时通讯工具 v1.
2008-7-5 TouchCopy多媒体管理软件 v3.13完
2008-7-5 VideosTone视频铃声 v1.1汉化破解
2008-7-5 TouchPad触摸板 v4.44破解版
2008-7-5 VideosTone破解补丁 v1.0
2008-7-5 Feeds GoogleReader客户端 v0.4.3


  发表评论
姓 名: 验证码:
内 容:
[ 汉字翻译拼音 ] [ 广告代码 ] [ 符号对照表 ] [ 进制转换 ] [ 经典小工具 ] [ 个税计算 ] [ 汉字简繁转换 ] [ 普通单位换算 ] [ 公制单位换算 ]
[ 生辰老黄历 ] [ 国内电话区号 ] [ 国家代码与域名缩写 ] [ 文字加密解密 ] [ 健康查询 ] [ 万年历 ] [ 手机号码查询 ] [ ip搜索 ] [ Google PR查询 ]
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報