zoukankan      html  css  js  c++  java
  • [轉]CSS定义li样式

    轉自:http://www.icafer.com/Archiver/26.html

    li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果,详细请参阅下面的定义:
      列表项目效果的CSS定义


     li {list-style-image: url(images/disc.gif);}
       *list-style-type: circle(可换成自己想要的样式); 列表项目样式
       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: url(images/disc.gif); 用图像disc.gif代替列表项目显示
       *list-style-position : outside | inside
       outside:  列表项目标记放置在文本以外,且环绕文本不根据标记对齐
       inside :  列表项目标记放置在文本以内,且环绕文本根据标记对齐

    css自定义导航、按钮样式– WEB前端开发- 专注前端开发,关注用户体验

    http://www.css88.com/archives/850

    Google Search

    申明

    非源创博文中的内容均收集自网上,若有侵权之处,请及时联络,我会在第一时间内删除.再次说声抱歉!!!

    博文欢迎转载,但请给出原文连接。

  • 相关阅读:
    Windows Store App 主题动画
    Windows Store App 过渡动画
    Windows Store App 控件动画
    Windows Store App 近期访问列表
    Windows Store App 文件选取器
    Windows Store App 访问应用内部文件
    Windows Store App 用户库文件分组
    Windows Store App 获取文件及文件夹列表
    Windows Store App 用户库文件夹操作
    Windows Store App 用户库文件操作
  • 原文地址:https://www.cnblogs.com/Athrun/p/1639870.html
Copyright © 2011-2022 走看看