图解CSS(9)：列表

list-style-type　　 (指定类型)
list-style-image　　(指定图片)
list-style-position (指定位置)
list-style　　　　　(综合设置)
marker-offset　　　 (不支持)

使用 list-style 可单独或综合设置: 类型、图片、位置, 无顺序;

如果同时设置了图片和类型, 图片会替换类型; 如果图片失效则使用类型.

list-style-type：disc　　　　(实心圆, 默认)
circle　　　(空心圆)
square　　　(实心方块)
decimal　　 (阿拉伯数字)
lower-roman (小写罗马数字)
upper-roman (大写罗马数字)
lower-alpha (小写英文字母)
upper-alpha (大写英文字母)
none　　　　(无项目符号)
还有很多不支持的...

列表-">
list-style-image:


list-style-position: outside(默认)、inside;


给列表项单独设置样式：


列表相关的 HTML 标签：ol: 有序列表
ul: 无序列表
li: 列表项
dl: 块
dt: 块标题
dd: 块内容
<ul dynamicoutline initcollapsed>
dynamicoutline: 可折叠
initcollapsed: 开始就折叠

时间： 2024-09-09 08:16:21

图解CSS(9)：列表的相关文章

CSS文章列表切换选项卡效果实例

 本文实例讲述了CSS文章列表切换选项卡效果实现方法.分享给大家供大家参考.具体分析如下: 这是一款很不错的文章列表效果,类似选项卡一样的功能,这一个有点特别,就是把鼠标点击的菜单放到了右边,有一个小箭头指示当前怎位置,使文章结构更加清淅,确实很不错.   代码如下: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" />

DIVCSS布局实例：DIV CSS新闻列表制作

DIVCSS布局实例:DIV CSS新闻列表制作实例讲解 如下  Source Code to Run <html><head><style type="text/css">body {margin: 0;padding: 0;font-size:12px;}#layout{background-color: #FFFFFF;border: 0;w idth: 400px;margin: 0 auto;}.list{margin: 0px 10px

css文章列表li标签标题左日期右对齐

之前我是这样写 .ulist{ margin:10px;} .ulist li{ width:620px; height:30px ; border-bottom:0px;padding-top:10px;} 效果如下 文章列表li标签标题左日期右对齐-css li右对齐"> 后来网上找到一段代码 .list li a{ color: #0066cc; display: block; padding: 5px 0px 3px 13px; } .list li span{ float: ri

ASP+CSS 实现列表隔行换色_CSS/HTML

列表隔行换色是指在新闻和文章列表中,前一行和后一行的背景色交替显示,也可称为斑马线,给网页可增色不少.今看到小毅在BI的贴子"标准下隔行换色的思考",采用UL的两行背景重复,虽说方法不错,但LI里的高度只能采用背景中的实际高度,不够灵活,所以用ASP+CSS 写了一个,采用自定义列表. <% set rs=...... sql="......" rs.open sql,con,1,1 %> <dl> <% i=0 do while no

图解CSS(11)：理解样式表的逻辑

样式表可以是外部的.内联的或嵌入的; 链接外部样式文件一般是: <link rel="stylesheet" type="text/css" href="xxx.css" media="all"> 这要写在 Head 标签内, 其内容不区分大小写, 其中的双引号也可以是单引号.也可省略; 逐个解释一下: link: 是 HTML 的常用标签, 它的作用可不仅仅是链接外部样式, 譬如指定地址栏的图标: <lin

图解CSS(5)：font

font font-family font-size font-weight font-style font-variant 另外 font-size-adjust 和 font-stretch 从 CSS 2.1 已废弃, 就不再学习了. font-family(指定字体): 如果字体名包含空格或其他特殊符号, 应使用引号(双引号或单引号): 可以同时指定多个字体(逗号分割), 前者优先.缺失后补.再缺使用默认. font-size(字号), 首先有几个常数值: xx-small.x-smal

IE5,IE6,IE7,IE8的css兼容性列表[转自MSDN]

http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx   At-rules CSS 2.1:   IE 5.0 IE 5.5 IE 6.0 IE 7.0 IE8 Beta 1 IE8 Beta 2 IE 8.0 @charset No Yes Yes Yes Yes Yes Yes @import Yes Yes Yes Yes Yes Yes Yes @media No Yes Yes Yes Yes Yes Yes @pag

图解CSS(4)background-背景

background background-color background-attachment background-image background-position background-position-x background-position-y background-repeat 设置背景色(譬如红色): background-color: red; 或者 background: red; 背景图片: background-image: url(路径); 或者 backgroun

图解CSS(3)padding(内边距)、margin(外边距)

padding padding-top padding-right padding-bottom padding-left margin margin-top margin-right margin-bottom margin-left padding: 上.右.下.左; {从上按顺时针转的}