展会信息港展会大全

用CSS定义<li>和<hr>的样式
来源:互联网   发布日期:2016-03-25 16:35:38   浏览:1661次  

导读:本来之前我打算写表现本文主题的文章,但最近在新浪博客群中看到了这篇文章,就不用我多费心血了,这里转载过来,希望对大家有所帮助。 li{list-style-image:url(imag...

本来之前我打算写表现本文主题的文章,但最近在新浪博客群中看到了这篇文章,就不用我多费心血了,这里转载过来,希望对大家有所帮助。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 | insideoutside: 列表项目标记放置在文本以外,且环绕文本不根据标记对齐inside : 列表项目标记放置在文本以内,且环绕文本根据标记对齐hr{border:1px dashed #86BCD4; height:1;}在HTML代码中,还有一些特殊的如水平条hr,也可以在风格管理中加上定义,以更改其默认的显示效果:水平条效果的CSS定义BORDER-BOTTOM-STYLE: dotted;BORDER-LEFT-STYLE: dotted;BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;height:1;width:100%;align:left;color:#86BCD4;Shade:no;水平条虚线效果定义border:1px dashed #86BCD4; height: 1;

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港