本文主要包含css列表,水平导航条,垂直导航栏,内联列表,列表样式等相关知识,佚名 希望在学习及工作中可以帮助到您
1.设置列表符号的样式:list-style-type
none 无符号
disc 实体的小圆点。(默认)
circle 空心的小圆点。
square 实心的小方块。
decimal 1,2,3...
lower-roman i,ii,iii...
upper-roman I,II,III...
lower-alpha a,b,c,d,e...
upper-alpha A,B,C,D,E...
2.设置列表符号的样式用图片(这种方法很少用):list-style-image
3.设置清单项目左右移:list-style-position
inside 清单项目较往右移。
outside 清单项目正常显示(默认的属性)。
4.以背景图片作为项目列表图标:这种方法比较好(常用),可以随意调动
5.内联列表:
ul和li默认是区块的,查看是否是区块可以加上颜色测试,将列表转换为内联之后项目图标会不见,可以使用浮动或者使用下面的列子来实现
这里的 display 属性是块级值的设置,定义是否要成为块.Inline 是是内联,block 是区块.
6.背景图片和内联列表:使用这种方法再将li变成内联的时候背景图片仍然还在
7.垂直导航栏:
8、创建垂直翻转的列表: