`
tntxia
  • 浏览: 1511100 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ul ol 样式总表

阅读更多
Value Description
none No marker(没有标志)
disc Default. The marker is a filled circle(实心圆点)
circle The marker is a circle(空心圆点)
square The marker is a square(菱形)
decimal The marker is a number(数字)
decimal-leading-zero The marker is a number padded by initial zeros (01, 02, 03, etc.)
lower-roman The marker is lower-roman (i, ii, iii, iv, v, etc.)(罗马字母)
upper-roman The marker is upper-roman (I, II, III, IV, V, etc.)
lower-alpha The marker is lower-alpha (a, b, c, d, e, etc.)英文字母
upper-alpha The marker is upper-alpha (A, B, C, D, E, etc.) 
lower-greek The marker is lower-greek (alpha, beta, gamma, etc.)希腊字母
lower-latin The marker is lower-latin (a, b, c, d, e, etc.)
upper-latin The marker is upper-latin (A, B, C, D, E, etc.)
hebrew The marker is traditional Hebrew numbering(希伯来文)
armenian The marker is traditional Armenian numbering(美洲数字)
georgian The marker is traditional Georgian numbering (an, ban, gan, etc.)(乔治亚数字)
cjk-ideographic The marker is plain ideographic numbers(中文数字)
hiragana The marker is: a, i, u, e, o, ka, ki, etc.(平假名)
katakana The marker is: A, I, U, E, O, KA, KI, etc.(片假名)
hiragana-iroha The marker is: i, ro, ha, ni, ho, he, to, etc.
katakana-iroha The marker is: I, RO, HA, NI, HO, HE, TO, etc.

DHTML用 object.style.listStyleType="square" object.style.listStyleType=style

CSS用下面的格式

ul
{
list-style-type: disc
}

分享到:
评论

相关推荐

    CSS3自定义美化UL OL列表

    这是我们之前没有分享过的CSS3特效类型,它是一个可以自定义美化UL和OL列表的CSS3应用。当我们将鼠标滑过每一个列表项的时候都会出现一定的动画特效,效果非常不错。这种列表美化样式一共有3种,发光效果最酷了。

    css3-ul-ol列表

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式控制功能,尤其是在处理无序列表(`ul`)和有序列表(`ol`)时,可以创造出各种美观、富有创意的列表样式。`ul`列表通常用于展示项目列表,而`ol`...

    jquery 折叠ul li

    ### 使用jQuery实现ul li列表的折叠效果 在前端开发中,为了提高用户体验并优化界面布局,经常需要实现一些动态效果,比如菜单项的展开与折叠。这种效果可以通过jQuery轻松实现。接下来,我们将详细探讨如何利用...

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用.doc

    层叠样式表,用于定义网页的样式和布局。 ``` 4. **不同类型的有序列表** 有序列表`<ol>`支持不同的列表样式,可以通过`type`属性设置。例如,设置为`type="A"`将使用大写字母作为标记,`type="a"`使用小写...

    关于ol和ul的padding和margin默认值

    ol, ul { padding-left:40px; } 而IE的默认样式是: ol, ul { margin-left:30pt; } Opera 8或者以前的版本是否和IE一样?有兴趣的同志可以自行测试。 但这至少说明一点,除了微软之外的浏览器厂商都达

    解决文本编辑器展示样式不一致

    用在线编辑器或许都会存在一个问题,即内容发表后呈现的样式会与编辑时的不一样,原因是编辑器其实是个内嵌的iframe,它里面用的大多是浏览器默认的样式(ckeditor 在其中另外定义了字体以及ul, ol 的缩进值),而...

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

    CSS为ul、ol以及它们的子项li提供了多种`list-style`属性的值,允许我们自定义列表项前的标记类型。 - `list-style:square`:设置列表项前的标记为实心方形。 - `list-style:circle`:设置列表项前的标记为圆形。 -...

    div+css布局必了解的列表元素ul ol li dl dt dd详解

    例如,可以对ul或ol应用不同的样式来改变其默认外观,使其符合设计要求,如改变列表项前的标记样式、调整列表项间距、对dl中的dt和dd进行样式控制等。此外,这些列表元素常用于创建垂直导航栏和侧边栏,以及在创建...

    CSS中的ul与li样式详解共5页.pdf.zip

    6. **列表嵌套**:`<ul>`标签可以嵌套在其他`<ul>`或`<ol>`标签内,CSS可以分别针对不同层级的列表项设置样式。 7. **选择器的使用**:利用类选择器(`.class`)、ID选择器(`#id`)或后代选择器(`ul li`)等,...

    HTML列表标签dl、ul、ol 的使用示例

    本篇将深入解析HTML的三种主要列表标签:`<dl>`、`<ul>`和`<ol>`,以及它们的子标签,帮助初学者理解如何有效地使用这些标签来构建结构化的列表。 1. **定义列表(Definition List):, , 和** `<dl>` 标签用于...

    html ---样式表的应用

    例如,`<html>`表示整个文档,`<head>`包含元数据如标题,`<body>`包含可见内容,`<h1>`至`<h6>`定义标题,`<p>`用于段落,`<a>`用于创建链接,`<img>`插入图像,`<ul>`和`<li>`创建无序列表,`<ol>`和`<li>`创建...

    ul列表标记设计网页多列布局

    总的来说,`<ul>`列表标记为网页多列布局提供了一种创新的思路,尤其适用于固定宽度的布局。尽管这种方法可能不适用于所有情况,但它确实拓宽了我们对传统HTML元素使用方式的认识,鼓励我们在设计时更加灵活和创造性...

    重置样式表reset.css和用于移动端适配的flexible.js

    在重置样式表中,通常会包含对所有常见HTML元素如h1-h6, p, ul, ol, img, table等的样式重置,例如设置margin、padding为0,font-size为继承,border为none等。 另一方面,随着移动设备的普及,响应式设计成为网页...

    第21章 加强版的OL列表元素

    例如,Bootstrap的`<ol>`类可以提供预定义的样式,而jQuery的`slideToggle()`方法可用于实现折叠动画。 最后,我们需要注意的是,尽管加强版的OL列表元素可以极大地提升页面的可读性和用户体验,但在使用过程中应...

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

    3. `<li>`:列表项,用于在`<ul>`或有序列表`<ol>`中定义单个条目。 接下来,我们将逐步构建这个横向导航栏: **步骤1:HTML结构** 首先,我们需要创建一个`<div>`作为导航栏容器,然后在其中嵌套一个`<ul>`标签...

    dl,dt,dd,ul,li,ol区别及应用

    本文主要讨论了几个常见的列表相关元素:`dl`, `dt`, `dd`, `ul`, `li`, 和 `ol`,以及它们之间的区别和应用。 1. **`ul`: 无序列表** 无序列表`<ul>`用于创建一个不按特定顺序排列的项目列表。每个列表项由`<li>`...

    HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

    可以将一个<ul>或<ol>列表包含在另一个列表项内部,这样的结构常用于创建下拉菜单或者更为复杂的导航结构。如下所示: ```html <ul> <li><a href="#">内容过滤</a></li> <li><a href="#">词语过滤</a></li> ...

    将记录转换为HTML样式表文件 编程小实例

    如果数据有层次结构,可能还需要使用`<ul>`(无序列表)或`<ol>`(有序列表)等元素。 3. CSS应用:为了让HTML页面看起来更美观,需要使用CSS定义样式。这可以通过内联样式(在HTML元素中直接添加`style`属性)、...

    纯CSS流程步骤箭头样式

    HTML部分可能包括了有序列表(`<ol>`)或者无序列表(`<ul>`),每个步骤可能被表示为一个列表项(`<li>`),而箭头则可能通过伪元素(如`:before`和`:after`)来实现。CSS部分则通过设置边框、背景色、文本样式、...

Global site tag (gtag.js) - Google Analytics