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(大写拉丁字母)


li里面嵌套a标签html和css小例子

总效果: html: 响应式CSS: /* 网站头部 */ header {     width: 100%; } header .top...
  • oscar92420aaa
  • oscar92420aaa
  • 2016年07月11日 11:03
  • 1856

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

第一步、编写横向菜单的HTML代码架构 请将以下代码添加到HTML文档的导航栏区域中。 menu"> Baidu.Com Code52.Net Yahoo.Com Google.Com ...
  • Xuan6251237011
  • Xuan6251237011
  • 2013年08月06日 18:07
  • 5166

html li标签前面添加图标三种方法

今天无聊写下这个例子,希望对初学者有帮助,代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ...
  • feiyuwk
  • feiyuwk
  • 2017年06月22日 15:00
  • 1236

html——ul、li导航栏居中的两种办法

总结了下导航栏的制作方法:一种是用float设计,提前设置好高度与宽度,然后将要显示的元素设置为float::left依次显示。 ji...
  • xcymorningsun
  • xcymorningsun
  • 2016年12月05日 16:21
  • 10189

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

今天针对不同的网页编写布局写下自己的心得: 按F12键,我们可以看到不同的网页布局形式。即使是淘宝、京东等大牌电商的网站,也能看到网页布局的不足。 主要就是代码结构混乱,不能很好的让人一眼知道编写...
  • bruceslash
  • bruceslash
  • 2015年05月07日 23:39
  • 3758

《HTML标签》〈ul〉〈ol〉〈li〉的使用

《HTML标签》〈ul〉〈ol〉〈li〉的使用。
  • weixin_37579087
  • weixin_37579087
  • 2017年03月05日 19:31
  • 538

li标签水平布局时莫名其妙的间距

在写前端的时候经常要用到标签水平平铺。今天聊一聊出现的一个莫名其妙的边距问题和解决办法。啥也不说,直接代码 *{margin: 0px;padding: 0px;} li{display:...
  • cyp18408251336
  • cyp18408251336
  • 2016年08月24日 14:41
  • 1098

js控制li的隐藏和显示

(html页面)                                  全部({$count})                钢琴谱({$count_...
  • u011781769
  • u011781769
  • 2014年08月12日 17:05
  • 6781

CSS中<li>标签横向排列出现间距问题

HTML代码块: 公告 规则 论坛 安全 公益 CSS代码块: #tabControl .tab-header ...
  • Mayerlucky
  • Mayerlucky
  • 2016年07月02日 18:09
  • 15272

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

第一步、编写横向菜单的HTML代码架构 请将以下代码添加到HTML文档的导航栏区域中。 menu"> Baidu.Com Code52.Net Yahoo.Com Google.Com ...
  • zahuopuboss
  • zahuopuboss
  • 2016年05月04日 17:48
  • 1073
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML的<li>标签
举报原因:
原因补充:

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