`
忧里修斯
  • 浏览: 432419 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

CSS列表样式属性

CSS 
阅读更多

CSS列表样式属性

列表样式类型属性(list-style-type)
这个属性用来设定列表项标记(list-item marker)的类型。有以下值:
• disc (缺省值,黑圆点)
• circle (空心圆点)
• square (小黑方块)
• decimal (数字排序)
• lower-roman (小写罗马字排序)
• upper-roman (大写罗马字排序)
• lower-alpha (小写字母排序)
• upper-alpha (大写字母排序)
• none (无列表项标记)

列表样式位置属性(list-style-position)
列表样式位置属性(list-style-position)有两个值:
• outside (以列表项内容为准对齐)
• inside (以列表项标记为准对齐)

列表样式图片属性(list-style-image)
列表项标记可以用图片来表示,用列表样式图片属性(list-style-image)来设定图片。示例代码如下:
ul {list-style-image: url(../images/css_tutorials/dot02.gif)}

列表样式属性(list-style)
这个属性是设定列表样式的一个快捷的综合写法。用这个属性可以同时设值列表样式类型属性(list-style-type),列表样式位置属性(list-style-position)和列表样式图片属性(list-style-image)。

 

实例:

<ul style="list-style-type: disc;list-style-position:inside;">

 

分享到:
评论

相关推荐

    CSS列表样式设计

    总结,CSS列表样式设计涵盖了许多方面,从基础的符号类型更改到高级的动画效果和响应式设计。熟练掌握这些技巧,可以使您的网页列表更加丰富多彩,提升用户体验。通过不断的实践和创新,您还可以探索出更多个性化的...

    css基本样式属性大全.pdf

    CSS 基本样式属性大全 在CSS中,样式属性是用来控制HTML文档的样式和布局的。下面将详细介绍CSS基本样式属性。 字体属性 * 字体大小(font-size):可以使用绝对单位(px、pt、cm、mm等)或相对单位(%、em等),...

    CSS3样式表- 列表与表格属性.pptx

    在前端开发中,CSS3(层叠样式表第三版)为网页设计提供了丰富的样式控制,特别是在处理列表和表格方面...在学习过程中,可以通过动手实践课堂任务,例如设置不同列表样式,调整表格边框、间距和对齐方式,以加深理解。

    css(样式表属性)

    - **列表样式类型(List Style Type)**: - `list-style-type: none;` 隐藏列表符号。 - `list-style-type: decimal;` 使用十进制数字作为列表符号。 - `list-style-type: lower-roman;` 使用小写罗马数字作为...

    纯css3样式属性制作各种图形图标样式代码.zip

    【标题】:“纯css3样式属性制作各种图形图标样式代码.zip” 这个压缩包包含的是关于使用CSS3技术创建各种图形和图标样式的代码实例。CSS3是层叠样式表(Cascading Style Sheets)的第三版,是网页设计中用于描述...

    css属性列表_和_属性值含义

    CSS 属性列表和属性值含义是指在 CSS 样式表中使用的各种属性和它们的可能取值。了解这些属性和它们的含义是掌握 CSS 样式表编写的关键。 媒体类型(Media) CSS 样式表可以作用于多种媒体,如屏幕、打印机、电子...

    CSS层叠样式表技术参考手册

    - **文本属性**:讲解文本样式属性如`color`、`font-family`、`text-align`等。 - **示例应用**:展示如何使用这些属性改善文本的可读性和美观性。 - **2.3 CSS字体** - **字体属性**:深入介绍字体大小、行高、...

    js与css样式对照

    ##### 列表样式(List Style) - **CSS属性**:`list-style-type` - **JavaScript属性**:`listStyleType` - **CSS属性**:`list-style-image` - **JavaScript属性**:`listStyleImage` - **CSS属性**:`list-...

    CSS3动画属性边框属性等

    本篇将详细阐述CSS3中的关键知识点,包括动画属性、边框属性、背景属性以及其他的样式属性。 **CSS3动画属性**允许开发者创建复杂的动态效果。`@keyframes` 规定了一个动画的帧,定义了从一种样式到另一种样式的...

    css样式属性.doc

    本文档“css样式属性.doc”概述了Accp 5.0 S1课程中关于CSS的基础知识,包括背景属性、字体属性、文本属性、边框属性、定位属性以及列表和表格属性。 1. **背景属性**: - `Background-color`:允许我们设定元素的...

    非常酷炫的css样式菜单

    本主题“非常酷炫的css样式菜单”聚焦于如何利用CSS创建吸引人的交互式菜单,这种菜单常用于网站的主导航,帮助用户轻松浏览网站的不同部分。 首先,CSS菜单的设计通常涉及到以下几个关键点: 1. **布局与定位**:...

    css3样式动画

    总结,CSS3样式动画为网页设计带来了丰富的动态效果,通过`@keyframes`和`animation`属性,我们可以创建自定义的动画,而像animate.css这样的库则提供了便捷的预设动画。在实际应用中,结合div元素,我们可以构建出...

    div css教程TOP排行榜或新闻列表最标准div css样式表代码写法

    本教程将深入讲解如何使用`div`和`css`来创建一个高质量的“TOP排行榜”或“新闻列表”的样式表代码。 1. **理解Div元素**: `div` 是 "division" 的缩写,是一个块级元素,意味着它默认占据整个宽度并换行显示。`...

    css2.0样式表中文手册

    CSS2.0提供了控制列表符号和列表项样式的能力,以及设置边框宽度、样式和颜色的选项。边框可以是实线、虚线、点线等,并且可以独立设置每一边的样式。 **8. 溢出和透明度** `overflow`属性用于控制内容溢出其容器时...

    CSS如何设置列表样式属性(看这篇文章就够用了)

    样式-type属性值为circle实践&lt;/title&gt;&lt;style&gt;.circle-list{list-style-type: circle;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;ul class="circle-list"&gt;坚持就是胜利。&lt;/li&gt;&lt;li&gt;失败是成功之母。&lt;/li&gt;&lt;li&gt;知识是无价的宝藏。&lt;/li&gt;&lt;/ul...

    css样式美化菜单 css

    通过选择器(如类名、ID或元素标签名)来定位菜单元素,然后设置相应的CSS属性来改变它们的样式。例如: ```css .menu { background-color: #333; color: white; text-align: center; } .menu a { display: ...

    css横向导航菜单样式

    1. 使用 ul 选择器来设置菜单的无序列表样式。 2. 使用 li 选择器来设置菜单的列表项样式。 3. 使用 a 选择器来设置菜单的链接样式。 4. 使用 hover 选择器来设置菜单的鼠标悬停样式。 此外,该样式还使用了 IE ...

    CSS-CSS属性速查表

    important`是一个用于增强CSS规则优先级的关键字,当与样式属性值结合使用时,它将提高该属性值在层叠中的权重,使其优先于其他同名属性值。 #### :active `:active`伪类用于选择处于激活状态的链接,即当用户按下...

    jQuery+div+css选项卡列表样式

    本项目结合jQuery、div和CSS实现了一个兼容IE6、7、8以及Firefox的选项卡列表样式,适用于新闻文章和图片发布类网站。 首先,让我们深入理解每个部分的作用: 1. **jQuery**:jQuery 提供了一组强大的 API,使得...

    CSS.rar_css_css样式_css网页样式_html_网页模板

    **压缩包子文件的文件名称列表** 仅列出了“样式表模版”,这可能是一个CSS文件或者一个包含多个CSS文件的文件夹。如果是一个CSS文件,那么它可能包含了全局的样式规则,用于快速应用到整个网站;如果是文件夹,里面...

Global site tag (gtag.js) - Google Analytics