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

Css3之基础-10 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)

时间:2016-03-23 06:50:25      阅读:813      评论:0      收藏:0      [点我收藏+]

标签:列表

一、CSS 列表样式


列表项标志 list-style-type

  - list-style-type 属性用于控制列表中列表项标志的样式

      - 无序列表: 出现在各列表项旁边的圆点

      - 有序列表: 可能是字母、数字或另外某种计数体系中的一个符号

  - 无序列表取值

      - none    : 无标记 

      - disc    : 实心圆,为默认值   

      - circle  : 空心圆

      - square  : 实心方块

  - 有序列表取值

      - none    : 无标记 

      - decimal : 无标记 

      - lower-roman: 小写罗马数字(如: i,ii,iii,iv,v)

      - upper-roman: 大写罗马数字(如: I,II,III,IV,V)

      - 等


列表项图像 list-style-image

  - list-style-image 属性使用图像来替换列表项的标记

      - 取值为: url(),指定图像作为有序或无序列表项的标志

技术分享

技术分享


列表项位置 list-style-position

  - list-style-position 属性可以控制列表标记的位置

  - 可取值

      - outside: 标记位于文本的左侧,且放置在文本以外,为默认值

      - inside : 标记放置在文本以内

技术分享


列表属性 list-style

  - list-style 属性为简写属性,用于控制项表项的样式

  - 语法为

      - list-style:type url(图像URL) position;

  - 一般情况下,直接将list-style属性设置为none



总结:本章内容主要介绍了 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)。

本文出自 “技术交流” 博客,谢绝转载!

Css3之基础-10 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)

标签:列表

原文地址:http://jasonteach.blog.51cto.com/5192112/1754019

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