本来之前我打算写表现本文主题的文章,但最近在新浪博客群中看到了这篇文章,就不用我多费心血了,这里转载过来,希望对大家有所帮助。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;
用CSS定义<li>和<hr>的样式
来源:互联网 发布日期:2016-03-25 16:35:38 浏览:1661次
相关内容
AiLab云推荐
最新资讯
本月热点
热门排行
-
最坏时期已过,美国5G市场即将迎来回暖?
阅读量:34597
-
华为5G-A实现规模组网,下载速度超过4Gbps,比5G快10倍
阅读量:34266
-
回望2023年5G发展:释放和提升价值成最大课题
阅读量:11947
-
全球吹响5G-A商用号角
阅读量:10200
-
首发新款麒麟5G芯片!曝华为nova 12系列12月26日登场
阅读量:9261
-
5.5G在欧洲突破,DNA首次将5.5G技术引入现网
阅读量:8460
推荐内容
- 2024第二届成渝经济圈表面工程博览会
- 2024第60届沈阳医疗器械展3月28日盛大召开!!!
- FEC2024第17届广州国际服装供应链博览会
- 2024南京充电桩展览会
- 2024长三角国际环保产业展览会
- 2024第二届中国(西安)国际消防技术装备展览会
- IBS 2024第十二届生物质能源与有机固废资源化利用高峰论坛
- 2024第十四届中国(郑州)塑料产业博览会
- 第二十届中国(重庆)国际润滑油、脂、添加剂、养护用品及技术设备展览会
- 2024宁波国际文具展
- 海名·2024上海火锅食材及用品展览会
- 2024HOTELEX第32届上海国际酒店及餐饮业博览会 HOTELEX上海展
- 2024第29届中国(北京)国际美博会
- 2024第二十一届中国(济南)电动车、三轮车及零部件展览会
- 2024上海国际酒店工程设计与用品博览会
- 2024上海国际智能驾驶技术展览会(AIOTE 智博会)
- 2024年第十五届(上海) 智慧交通博览会
- 2024第十五届上海国际人工智能展览会
- 2024AIOTE智博会 第十五届上海国际智慧城市、物联网、大数据博览会
- 2024第十五届上海国际软件博览会