网页知识大全 有各种问题可直接咨询博主
您所在的位置:首页 > HTML&CSS > CSS教程 > 正文

CSS list-style的属性

作者:网页知识大全clewo.net 来源:网络 日期:2018/12/25 8:14:50 加入收藏 评论:0 标签:CSS list-style的属性

一、什么是CSS列表?

CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业,并让浏览者有一目了然的感觉。 样式表为列表增加了一些功能,控制列表的样式包括列表样式、图形符号、列表位置三个部分。

1.列表符号

列表符号是指显示于每一个列表项目前的符号标识。

基本格式如下:

list-style-type:参数

参数取值范围:

·disc:圆形

·circle:空心圆

·square:方块

·decimal:十进制数字

·lower-roman:小写罗马数字

·upper-roman:大写罗马数字

·lower-alpha:小写希腊字母

·upper-alpha:大写希腊字母

·none:无符号显示

 {background: 颜色 } 安全显示列表符   

参数中的disc是默认选项。

2.图形符号

图形符号指原来列表的项目符号将可以使用图形来代替。

基本格式如下:

list-style-image:URL

URL是用来代替项目符号的图形文件的地址,可以使用相对地址或绝对地址。

3.列表位置列表位置描述列表在何处显示。

基本格式如下:

list-style-position:参数

参数取值范围:

·inside:在BOX模型内部显示

·outside:在BOX模型外部显示

二、CSS列表分类

CSS列表样式分为有序列表、无序列表和定义列表。

无序列表(可嵌套)<ul></ul>声明列表是无序的<li></li>包含一列项目。

有序列表(可嵌套)<ol></ol>声明列表是有序的<li></li>包含一列项目。

定义列表(dt定义概念、dd解释;有缩进)

以上的CSS list-style的属性由网页知识大全为大家整理

本文网址:http://clewo.net/CSSjiaocheng/156.html
读完这篇文章后,您心情如何?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0