`

用CSS控制 ul / li标记样式:list-style-type各属性的含义

 
阅读更多
http://hi.baidu.com/uuxuan/blog/item/8669b3271c3d2b07908f9d09.html

ul {
  list-style:square inside url('/i/arrow.gif');
}


语法:
list-style-type : disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none armenian cjk-ideographic georgian lower-greek hebrew hiragana hiragana-iroha katakana katakana-iroha lower-latin upper-latin
参数:
disc :  CSS1 实心圆
circle :  CSS1 空心圆
square :  CSS1 实心方块
decimal :  CSS1 阿拉伯数字
lower-roman :  CSS1 小写罗马数字
upper-roman :  CSS1 大写罗马数字
lower-alpha :  CSS1 小写英文字母
upper-alpha :  CSS1 大写英文字母
none :  CSS1 不使用项目符号
armenian :  CSS2 传统的亚美尼亚数字
cjk-ideographic :  CSS2 浅白的表意数字
georgian :  CSS2 传统的乔治数字
lower-greek :  CSS2 基本的希腊小写字母
hebrew :  CSS2 传统的希伯莱数字
hiragana :  CSS2 日文平假名字符
hiragana-iroha :  CSS2 日文平假名序号
katakana :  CSS2 日文片假名字符
katakana-iroha :  CSS2 日文片假名序号
lower-latin :  CSS2 小写拉丁字母
upper-latin :  CSS2 大写拉丁字母
说明:
设置或检索对象的列表项所使用的预设标记。
若list-style-image属***为none或指定图像不可用时,list-style-type属***将发生作用。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特***为其后的所有列表项目(如li对象)指明列表属***。请参阅我的其他著作。
IE5.5尚不支持所有CSS2的值。
对应的脚本特***为listStyleType。
分享到:
评论

相关推荐

    2.2.36 CSS列表属性(一)列表项目符号:list-style-type.docx

    CSS列表属性是控制列表样式的重要属性之一, lista-style-type是其中一个关键属性,用于控制无序和有序列表的项目符号。在本篇文章中,我们将详细介绍list-style-type属性的用法和取值。 list-style-type属性的作用...

    2.2.37 CSS列表属性(二)列表项目图像:list-style-image.docx

    "CSS 列表属性:list-style-image 和 list-...list-style-image 和 list-style-position 属性是 CSS 中两个非常有用的属性,用于控制列表的样式和布局。掌握这些属性的用法,可以使开发者更好地设计和实现列表样式。

    CSS中的ul与li样式详解.docx

    CSS 中的 ul 与 li 样式详解 ...CSS 中的 ul 和 li 元素的样式可以通过 list-style-type、list-style-image、list-style-position 和 list-style 属性来控制。不同的属性值可以实现不同的样式效果。

    2.2.38 CSS列表属性(三)列表项目符号位置:list-style-position.docx

    CSS 列表属性 - list-style-position 属性详解 在 CSS 中,列表属性 play 一个非常重要的角色,因为它们可以帮助我们更好地控制列表的样式。今天,我们将要探讨的就是 list-style-position 属性,该属性可以控制...

    CSS的ul和li实现横向排列和去掉li的点

    今天做网页是老是不懂怎么实现ul的横向排列和去掉li那个烦人的点,现在找到方法了,做个笔记: 复制代码代码如下: #ul { float:left; } #ul li { float:left; list-style:none; } 顺便拓展一下li的list-style: ...

    ul的li样式

    本篇文章将深入探讨如何利用CSS来调整`<ul>`和`<li>`的样式,以及它们在选项卡式设计中的应用。 首先,`<ul>`元素用来创建一个无序的项目列表,每个列表项则由`<li>`元素定义。默认情况下,浏览器会为`<ul>`添加一...

    div ul li排列图片的样式

    在本场景中,我们要讨论的是如何使用CSS(Cascading Style Sheets)来对`div`内的`ul`和`li`元素进行样式设置,特别是将图片以特定方式排列。`div`常作为容器,`ul`和`li`则常用于创建无序列表,这里可能是指将一...

    CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现

    ul.none{list-style-type:none} ul.circle {list-style-type:circle} ul.square {list-style-type:square} ol.upper-roman {list-style-type:upper-roman} ol.lower-alpha {list-style-type:lower-alpha} </style...

    CSS: list-style 和 inline使用方法详解

    在CSS中,`list-style`和`inline`是两个重要的属性,它们分别用于定义列表的样式和元素的显示方式。本文将深入解析这两个属性的使用方法及其相关知识点。 `list-style`属性是一个简写属性,用于一次性设置列表的...

    CSS list-style属性控制li标签样式示例代码

    CSS中的`list-style`属性是一个复合属性,用于一次性设置列表项(`li`标签)的三个子属性:`list-style-type`、`list-style-position`和`list-style-image`。这个属性可以帮助我们自定义列表的展示方式,使其更加...

    css控制UL LI 的样式详解(推荐)

    本文将深入讲解如何使用CSS来控制`<ul>`和`<li>`的样式。 首先,`<ul>`标签用于创建一个无序列表,每个列表项由`<li>`标签包裹。在默认情况下,浏览器会为`<ul>`添加圆形的项目符号,而`<li>`则会有一定的内缩进。...

    li样式不显示使用overflow:hidden导致Li前面点、圈等样式不见

    实际上用了overflow:hidden 会影响 list-style,即当ul 中的li 的overflow 为hidden的时候, list-style不起作用,不显示前面的点、圈等样式。 解决办法:在ul或li内加入样式:list-style-position: inside; 即可。...

    CSS列表样式设计

    在网页设计中,CSS(Cascading Style Sheets)起着至关重要的作用,它允许我们对网页元素进行细致的样式控制,使页面布局更加美观、易读。本篇将重点讲解如何利用CSS进行列表样式的定制,让您的网页列表更具吸引力。...

    div+css+ul-li制作横向导航栏

    list-style-type: none; padding: 0; } ``` 3. 将`<li>`元素设置为并排显示,可以使用浮动或者Flexbox布局: - 浮动方式: ```css #navbar ul li { float: left; } ``` - Flexbox方式(更现代,推荐): `...

    使用HTML开发商业网站-列表样式属性-image课件.pptx

    这里,我们将详细探讨三个与列表样式相关的CSS属性:`list-style-image`、`list-style-type`和`list-style-position`,以及如何通过它们来提升列表的视觉效果。 1. `list-style-image`属性: `list-style-image`...

    JavaScript使用ul中li标签实现删除效果

    本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&...

    css列表

    首先,无序列表(ul)使用圆点、方块或其他符号表示各个条目,而有序列表(ol)则用数字或字母顺序来标记。CSS允许我们更改这些默认样式,例如改变列表项符号的类型、颜色、大小甚至位置。例如: ```css ul { list...

    Web前端开发基础:CSS控制-标记制作导航菜单.ppt

    在CSS中项目列表的编号是通过属性list-style-type来修改的,无论是<ul>标记还是标记,都可以使用相同的属性值,而且效果是完全相同的。 <style title=”text/css”> body{ background-color:#c1d

Global site tag (gtag.js) - Google Analytics