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

2016-02-19 19:40 12 1 收藏

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

【 tulaoshi.com - Web开发 】

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

  语法:

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

  说明:

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

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1621532.html

延伸阅读
标签: Web开发
把内容与显示效果分开设定的好处之一就是灵活,通过用CSS控制网站的版面布局(在第十二章用过的方法),就能控制整个网站的设计要素,改变几条规则,就能立刻戏剧性的更新上千个页面. 用CSS控制布局的的便利性示范之一,就是为body指定样式,通过为body标签加上class或者id,就能对页面的任何标签进行自定义控制.完全没有重复定义的烦恼. ...
标签: Web开发
很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了。 事实上,采用css样式实现这个效果比较简单。 先看一下常用设置: a:link 超链接的普通样式 a:visited 点击过的 a:hover 鼠标经过时的 a:active 单击时 a:link{text-decoration:none;}      ...
标签: Web开发
iframe应用很普遍,通常的需求有两种: 1. 获取iframe效果,就是带一个滚动条,可以省不少版面。 2. 要嵌一个页面,实现框架链接。 如果不方便使用iframe,可以有如下相应解决方案: 1. 可以使用css布局来实现,即可以少一个页面,也可以提高执行效率。 2. 可以采用xmlhttp远程获取数据。 A. 直接模拟iframe ...
标签: Web开发
当li元素设置了高度,且li内元素浮动时会触发该bug。 styleli{ background-color: green; height: 20px; }li a { float: left; }li span { float: right; }/styleullia href=""aaa/aspanbbb/span/lilia href=""aaa/aspanbbb/span/li/ul [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 解决方法:li设置css ...
标签: Web开发
第一步 下面是我们将要动手制作的设计图。在这篇教程里我们只制作首页,不过你可以以此为基础用相同的布局制作内页。 第二步 首先要做的是确定页面结构。随着你对CSS布局的逐步学习,这个过程会变得越来越简单。通过运用大量绝对定位和大幅背景图片,我们可以非常简单地完成这个设计。 什么是绝对定位? 一个HTML元素(比如di...

经验教程

472

收藏

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