相关文章
网站制作关于在HTML语言中使用影像地图
北京网页设计制作网页必须注意的几个问题
北京网页设计Photoshop轻松制作由外向内爆炸效果
网站制作Google 的Logo秀
网站制作主页设计：我们要做一个“好”网页
北京网页设计网页制作入门教程：关于css样式表
网站设计网页设计三部曲之二:审美需求
网站建设Adobe Photoshop CS3 扩展版新功能
北京网站设计网页关键词的五大要素
网站制作网页制作中九种用途特效按钮的代码
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网页设计网页设计分析总结一下＜li＞和＜hr＞的样式定义
北京网页设计网页设计分析总结一下＜li＞和＜hr＞的样式定义
编者注：本来之前我打算写表现本文主题的文章，但最近在新浪博客群中看到了这篇文章，就不用我多费心血了，这里转载过来，希望对大家有所帮助。
li {list-style-image: url(images/disc.gif);}
Chinaz~com
li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果，详细请参阅下面的定义： 站长.站
列表项目效果的CSS定义
*list-style-type: circle(可换成自己想要的样式); 列表项目样式 Www^Chinaz^com
disc : CSS1 实心圆 Chinaz@com
circle : CSS1 空心圆
square : CSS1 实心方块 [中国站长站]
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字 站长.站
upper-roman : CSS1 大写罗马数字 Chinaz.com
lower-alpha : CSS1 小写英文字母
中国.站.长站
upper-alpha : CSS1 大写英文字母 Www^Chinaz^com
none : CSS1 不使用项目符号 站 网站建设.长.站
armenian : CSS2 传统的亚美尼亚数字
cjk-ideographic:CSS2 浅白的表意数字
georgian : CSS2 传统的乔治数字 中.国.站长站
lower-greek : CSS2 基本的希腊小写字母
Chinaz^com
hebrew : CSS2 传统的希伯莱数字
Www.Chinaz.com
hiragana : CSS2 日文平假名字符 中国.站.长站
hiragana-iroha: CSS2 日文平假名序
katakana : CSS2 日文片假名字符
中国站长.站
katakana-iroha: CSS2 日文片假名序号 北京网站建设
lower-latin : CSS2 小写拉丁字母 Www^Chinaz^com
upper-latin : CSS2 大写拉丁字母 Chinaz.com
*list-style-image: url(images/disc.gif); 用图像disc.gif代替列表项目显示 Chinaz@com
*list-style-position : outside | inside Www~Chinaz~com
outside: 列表项目标记放置在文本以外，且环绕文本不根据标记对齐 中国站 网站制作.长.站
inside : 列表项目标记放置在文本以内，且环绕文本根据标记对齐
[中国站长站]
hr{border:1px dashed #86BCD4; height:1;}
Chinaz~com
在HTML代码中，还有一些特殊的如水平条hr，也可以在风格管理中加上定义，以更改其默认的显示效果： 中.国.站. 网页设计长.站
水平条效果的CSS定义
Www^Chinaz^com
| 以下为引用的内容：北京网站建设 北京网站制作 BORDER-BOTTOM-STYLE: dotted; 中国站长.站
BORDER-LEFT-STYLE: dotted; Www.Chinaz.com BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted; [中国站长站] height:1; 站长.站 width:100%; Www.Chinaz.com align:left; 中国站长_站,为中文网站提供动力 color:#86BCD4; Www@Chinaz@com
Shade:no; Chinaz_com |
Chinaz
水平条虚线效果定义 中国.站.长站 企通互联
| 以下为引用的内容：北京网页设计 border:1px dashed #86BCD4; height: 1; 北京网页设计中国. www.qitongnet.com站.长站 |