您在divcss.net的位置首页 >> DIV+CSS教程 >> 教程正文

第九课 如何设置CSS 列表属性

 skeeter | Div+css教程 | 2010-3-18 | 196点击 | 0评论

这一课,我们将学习什么是CSS列表属性以及如何设置CSS列表属性,通过修改CSS列表属性,可以更清楚的表达内容结构，使读者能够一目了然.

CSS 列表 属性用来放置、改变列表项标志，或者将图片替代列表项标志。列表的样式是为了更清楚的表达内容结构，使读者能够一目了然。


--------------------------------------------------------------------------------


标志类型


要改变css列表的样式，最简单的办法就是改变其标志。


要修改用于列表项的标志类型，可以使用 list-style-type属性：

.lie_1 li {list-style-type : square;}

 

上面的声明把列表中的列表项标志设置成为方块。


--------------------------------------------------------------------------------


图片标志


有时，默认的一些标志是不够的。你可能想用图片来作为这些标志，这时利用 list-style-image属性：

.lie_2 li {list-style-image : url(ul.png);}


只要简单地设置一个 url值，就可以使用图片作为标志。


--------------------------------------------------------------------------------


列表项标志的位置


CSS 还可以控制标志出现在列表项内容之外还是内容内部。这是利用 list-style-position属性  完成的。


这个属性有 3 个值：


1. inside （内部）


2. outside （外部）


3. inherit（继承）


--------------------------------------------------------------------------------


简写列表样式


为了简洁，可以将以上 3 个列表样式属性合并起来，使用list-style属性，就像这样：

li {list-style: url(yyy.gif) square inside;}

关键字:如何设置CSS列表属性,什么是CSS 列表属性,div+css入门教程

上一篇:第八课 如何设置CSS字体下一篇:第十课 什么是CSS框模型

添加评论



站长杂谈

最新动态 | SEO | 网站推广 | 网站建设

  • 传腾讯全面购康盛创想 discuz!落户腾讯 传腾讯全面购康盛创想 discuz!落户腾讯 2010-8-23 11:57:15 22次阅读

    今日有媒体爆出腾讯已经全面收购建站平台Discuz！的开发公司——北京康盛创想，进军中小网站市场

  • 侵权盗版网站黑名单即将建立 侵权盗版网站黑名单即将建立 2010-7-22 11:47:41 50次阅读

    此次行动后将建立侵权盗版网站黑名单制度。名单将在国家版权局网站上不定期发布并抄送提交三大电信...

  • 如何应对拍照备案 如何应对拍照备案 2010-7-19 10:37:03 70次阅读

    就目前而言，拍照备案已成定局。 据一名行业网站的站长透露，目前他最担心的就是需要现场拍照，因...

  • 日本称中国网购仿冒品泛滥 日本称中国网购仿冒品泛滥 2010-7-11 12:55:34 57次阅读

    据日本共同社10日报道，为掌握仿冒品的流通情况，日本经产省于2009年度在中国的主要网络商城...

好书推荐

DIV+CSS | SEO | 网络编程 | 网站设计

鄂ICP备06008892号divcss.net