HTML的<li>标签

原创 2015年07月09日 14:04:34

li 标签的列表样式设置(CSS中设置)

格式:list-style:img position type  [样式值无顺序要求;无数量要求;无设置样式值的项目,使用默认值]

img  用于设置使用图像替换列表项标记

position  用于设置列表标记位置

type  用于设置列表标记样式

实例:li{list-style:url("img1.jpg") outside circle}

此样式可分开设置: 

list-style-img:      list-style-position:       list-style-type:

---------------------------------------------------------------------------------------------------

list-style-img: 

默认值: none

可选项url("")

list-style-position

默认值: outside  (位于li标签外部)
可选项inside  (位于li标签内部)

list-style-type: 

默认值: disc(实心圆)

可选项: none(常用值)

             circle(空心圆)

             square(实心方块)

             decimal(阿拉伯数字)

             lower-latin(小写拉丁字母)

             upper-latin(大写拉丁字母)


相关文章推荐

PHP html li列表项目 标签

  • 2013年12月01日 20:14
  • 40KB
  • 下载

HTML li 标签.doc

  • 2012年12月08日 20:00
  • 55KB
  • 下载

HTML标签中li的用法 IE6,7,8和FF没有问题

  1。 标签定义无序列表。2。 标签定义列表项目。      标签可用在有序列表 () 和无序列表 () 中。           其头部分: ,可以在li里定义:     background...

HTML li 标签.docx

  • 2012年12月08日 20:01
  • 21KB
  • 下载

HTML中ul,ol,li,dl,dt,dd标签用法

ul: unordered lists ol: ordered lists li: Lists ol 有序列表。 …… …… ……   表现为: 1…… ...

HTML中的<UL>标签中li横向排列

第一步、编写横向菜单的HTML代码架构 请将以下代码添加到HTML文档的导航栏区域中。 menu"> Baidu.Com Code52.Net Yahoo.Com Google.Com ...

HTML标签ul、li、和div布局工具的妙用

偶然看到收藏的,不记得出处了。 今天针对不同的网页编写布局写下自己的心得: 按F12键,我们可以看到不同的网页布局形式。即使是淘宝、京东等大牌电商的网站,也能看到网页布局的不足。 主要就是代...

导航栏-- HTML中的<UL>标签中li横向排列

第一步、编写横向菜单的HTML代码架构 请将以下代码添加到HTML文档的导航栏区域中。 menu"> Baidu.Com Code52.Net Yahoo.Com Google.Com ...

html几个重要标签用法(div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em)

一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。 ...

HTML中的<ul>标签中li横向排列

原文地址:http://blog.csdn.net/leewokan/article/details/6626774 第一步、编写横向菜单的HTML代码架构 请将以下代码添加到HTML文档的导航...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML的<li>标签
举报原因:
原因补充:

(最多只允许输入30个字)