相关文章
网站制作简单好用的 HTML 卷标与属性
北京网站设计用Dreamweaver简单描述制作网页的基本步骤
网站制作数码手写板结合PS给黑白照片手绘上色
网页设计Photoshop三步把风景照变手绘效果
北京网站制作简单学习CSS实现网页布局的基础知识
北京网站设计探讨CSS技术在网页设计中的作用
网站设计高度100%的绝对定位自适应布局技巧
网站设计浅谈在网页上显示日期的两种方法
北京网页设计解决网页自适应客户端分辨率问题
www.qitongnet.com制作行业网站时所需考虑的一些问题
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网站设计网站建设分析总结一下＜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 传统的乔治数字 中.国. www.qitongnet.com站长站
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; 中国.站. 网站制作长站 |