li 样式

2016-02-19 13:38 7 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享li 样式的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

       li {list-style-image: url(images/disc.gif);}
  li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果,详细请参阅下面的定义:

  列表项目效果的CSS定义

  *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 :  列表项目标记放置在文本以内,且环绕文本根据标记对齐

来源:http://www.tulaoshi.com/n/20160219/1604849.html

延伸阅读
标签: Web开发
后来朋友推荐了一个这个叫uploadify的上传插件,似乎挺好,就到官方下了个示例运行,感觉挺好,自己再稍加美化一下就OK 了..! 接下来就讲讲使用过程吧: 1. 下载 官方网站: http://www.uploadify.com/ 直接下载:jquery.uploadify-v2.1.0.rar 下载解压后: 说明:它里面有demo 但是是PHP的,还有一个帮助文档:uploadify v2.1.0 Manu...
 iPhone X使用技巧汇总 今天苹果的发布会推出了两款手机一个是苹果八还有有个是 iPhone X它还拥有傲娇的小刘海hhh我们今天一起来聊聊它吧看看它有哪些使用技巧是我们不太知道的,这样能让大家更好的上手哟下面我们一起来看看~~~ 第一条我们都知道 傲娇小刘海iPhone X是一个没有了实体home键的了这就和以前的某些...
标签: Web开发
本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!? BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识. JQuery是什么 JQuery只是一个JS文件 人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时...
标签: Web开发
如果你查找Jquery的API,会发现这个好象是Jquery的一个盲点,找来找去也没有明确说明用什么办法可以取到HTML标签的名字,如果直接用 $("H1").tagName 这样的方式也无法取到“H1”这样的值,好象只会得到“undifined”。 后来发现Jquery居然将tagName也视为属性之一了,有趣。 所以用 $("H1").attr("tagName") !DOCTYPE html PUBLIC "-...
标签: Web开发
经常有人询问一些技巧,因此干脆写这么一篇文章给各位jQuery爱好者,算是抛砖引玉吧。 a)样式 很多人会认为样式是个很复杂的东西,需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI,抛开图片设计不说,其实css也就是那么些属性:position,margin,padding,width,height,left,top,float,border,background... UI设计的漂亮与...

经验教程

996

收藏

6

精华推荐

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部

如果您有什么好的建议或者疑问,可以联系我们。 商务合作QQ:3272218541;3282258740。商务合作微信:13319608704;13319603564。

加好友请备注机构名称。让我们一起学习、一起进步tulaoshi.com 版权所有 © 2019 All Rights Reserved. 湘ICP备19009391号-3

微信公众号