www.baike369.com
百科369 > CSS教程 > CSS列表

CSS列表



CSS列表

使用CSS设置无序列表和有序列表

在无序列表中,列表项的标志(marker)是实心圆,它出现在列表项的旁边;在有序列表中,列表项的标志可能是字母、数字或者另外的符号。

CSS无序列表和有序列表符号代码设置实例

CSS的list-style-type属性用于定义有序列表和无序列表中使用的预设符号。

CSS列表元素外边距与内边距的代码设置实例

在CSS中,可以使用margin属性设置列表元素的外边距;使用padding属性设置列表元素的内边距。

CSS无序列表和有序列表符号的混合使用代码设置实例

在CSS中,定义无序列表和有序列表元素的时候,可能会混合使用各种列表符号。

CSS将有序列表上的序号设置为红色和粗体

使用CSS,我们可以将有序列表上的序号设置为红色和粗体,但是项目中的文本则为普通的非粗体和黑色。

CSS list-style-type属性设置列表符号

list-style-type属性主要用于设置列表符号。

CSS无序列表图片代码设置实例

CSS的list-style-image属性用于定义列表元素中替换列表符号的图像。

CSS list-style-position属性设置列表位置

list-style-position属性可以改变项目符号自身相对于列表项内容的位置。

CSS更改无序列表中默认显示标记的代码设置实例

当我们使用CSS样式规则定义无序列表中的默认显示标记以后,还可以通过具体的样式规则来改变列表中的某一部分元素,使之显示为另外的标记来。

CSS列表标记位置代码设置实例

CSS的list-style-position属性用于定义列表中标记的显示位置。

CSS list-style属性综合控制列表样式

list-style属性是一个将list-style-type属性、list-style-position属性以及lis

CSS列表代码设置实例

使用CSS的list-style属性可以统一定义列表的各种显示效果。

CSS嵌套列表的代码设置实例

在嵌套的列表元素中,无论是无序列表<ul>标签还是有序列表<ol>标签,嵌套后的列表都会缩进显示。

CSS更改嵌套列表中默认缩进的代码设置实例

使用CSS样式规则可以更改嵌套列表中默认的缩进问题。

使用CSS定义列表项li的实例

使用CSS的list-style-type属性可以为<li>标签定义不同的标记。

给li列表增加鼠标滑过时的背景效果

CSS代码实例。在<li>标签列表中滑过鼠标时,会产生一个背景效果。

使用CSS给Select下拉列表的选项添加背景色

本例使用CSS代码给Select下拉列表的选项添加了一些背景颜色。

让列表左右两边无边距的CSS代码

在一个DIV方框内显示一系列的图片列表,这个列表只有上下边距,没有左右两边的边距。

CSS列表元素默认显示的代码设置实例

在列表元素中,如果没有定义CSS列表属性,浏览器就会为列表元素定义默认的边距属性。

使用CSS创建无序列表形式的水平导航栏

使用CSS可以把一列垂直的无序列表项目变成一行并排的链接。

使用无序列表制作简单的CSS水平导航菜单

HTML的<ul>标签主要用于指定无序列表,列表中的每一个列表项内容使用<li>标签来指定。

在CSS中使用无序列表创建简单的垂直导航栏

导航栏实际上就是一连串的链接。

仿google/gougou的搜索框下拉提示列表效果

仿google/gougou的搜索框下拉提示列表效果。

CSS计数器——列表嵌套和作用范围

counter-reset属性可以使计数器复位,重新开始计数。

CSS使用计数器设置段落文字编号

下面分别使用counter-reset属性、counter-increment属性、:before伪对象和content属性设置了两个不同类型的段落文字编号。

CSS使用计数器设置普通段落编号

在CSS中,可以使用计数器为普通段落设置编号。

CSS使用多个计数器

使用CSS可以同时设置多个计数器,针对不同的选择器分别进行计数。

Copyright© 2011-2016 www.baike369.com All Rights Reserved