CSS制作网页实例:用CSS控制li标记样式

逸风309

逸风309

2016-02-19 19:40

下面图老师小编跟大家分享一个简单易学的CSS制作网页实例:用CSS控制li标记样式教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

  list-style-type版本:CSS1/CSS2  兼容***:IE4+ NS4+ 继承***:有

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  语法:

  list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

  参数:

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 大写拉丁字母

  说明:

  设置或检索对象的列表项所使用的预设标记。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  若list-style-image属***为none或指定图像不可用时,list-style-type属***将发生作用。

  仅作用于具有display值等于list-item的对象(如li对象)。

  注意:ol对象和ul对象的type特***为其后的所有列表项目(如li对象)指明列表属***。请参阅我的其他著作。

  IE5.5尚不支持所有CSS2的值。

  对应的脚本特***为listStyleType。

展开更多 50%)
分享

猜你喜欢

CSS制作网页实例:用CSS控制li标记样式

Web开发
CSS制作网页实例:用CSS控制li标记样式

标记语言——网页应用CSS样式

Web开发
标记语言——网页应用CSS样式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS实例:用CSS制作网页像素画

Web开发
CSS实例:用CSS制作网页像素画

CSS教程:CSS控制网页文字排版实例

Web开发
CSS教程:CSS控制网页文字排版实例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程(6):实例学习CSS如何控制网页文本

Web开发
CSS教程(6):实例学习CSS如何控制网页文本

用CSS控制网页总体风格

Html CSS布局 Div+CSS XHTML
用CSS控制网页总体风格

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何添加设置PPT背景音乐

如何添加设置PPT背景音乐

Linux提示Unable to locate package该如何处理?

Linux提示Unable to locate package该如何处理?
下拉加载更多内容 ↓