码迷,mamicode.com
首页 > Web开发 > 详细

8、CSS 列表样式

时间:2018-03-17 21:36:58      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:sid   class   地址   属性   作用   tin   image   样式   circle   

CSS列表属性作用如下:

  • 设置不同的列表项标记为有序列表
  • 设置不同的列表项标记为无序列表
  • 设置列表项标记为图像

 

 

list-style-type

规定了无序列表以及有序列表的项目标记符号的样式

取值:

disc:实心圆(CSS1)
circle:空心圆(CSS1)
square:实心方块(CSS1)
decimal:阿拉伯数字(CSS1)
lower-roman:小写罗马数字(CSS1)
upper-roman:大写罗马数字(CSS1)
lower-alpha:小写英文字母(CSS1)
upper-alpha:大写英文字母(CSS1)
none:不使用项目符号(CSS1)
armenian:传统的亚美尼亚数字(CSS2)
cjk-ideographic:浅白的表意数字(CSS2)
georgian:传统的乔治数字(CSS2)
lower-greek:基本的希腊小写字母(CSS2)
hebrew:传统的希伯莱数字(CSS2)
hiragana:日文平假名字符(CSS2)
hiragana-iroha:日文平假名序号(CSS2)
katakana:日文片假名字符(CSS2)
katakana-iroha:日文片假名序号(CSS2)
lower-latin:小写拉丁字母(CSS2)
upper-latin:大写拉丁字母(CSS2) 

 

 

list-style-image

将列表项目标记符号设置为图片

取值:

list-style-image:none    不指定图像

list-style-image:url(文件路径)    使用绝对或相对地址指定列表项标记图像

 

 

list-style-position

取值:

list-style-position:outside    列表项目标记放置在文本以外,且环绕文本不根据标记对齐

list-style-position:inside    列表项目标记放置在文本以内,且环绕文本根据标记对齐 

 

8、CSS 列表样式

标签:sid   class   地址   属性   作用   tin   image   样式   circle   

原文地址:https://www.cnblogs.com/blackfriday/p/8592635.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!