本来之前我打算写表现本文主题的文章,但最近在新浪博客群中看到了这篇文章,就不用我多费心血了,这里转载过来,希望对大家有所帮助。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 浏览:1837次
相关内容
AiLab云推荐
最新资讯
本月热点
热门排行
-
周鸿祎预测2024大模型10大趋势,“建议让AI在公司里无孔不入”
阅读量:185454
-
AI大变局,时代新希望|异想大会
阅读量:165887
-
产品经理必须懂得AI:ChatGPT-人工智能对话的新篇章
阅读量:106756
-
印媒:防AI造假,尼康、索尼等相机巨头拟推“数字签名”新技术
阅读量:103065
-
AI 的未来比你想象的更不稳定
阅读量:92956
-
比OpenAI官方提示词指南更全,这26条黄金准则让LLM性能飙升50%以上
阅读量:59584
推荐内容
- 2024年香港礼品及赠品展览会
- 2024第26届山东国际水展
- 2024第七届中国(昆明)南亚社会公共安全科技博览会
- 2024第二十六届山东国际供热供暖、暖炉及空调技术与设备展览会(JINNOC国际供热展)
- 2024中国昆山第二十四届国际机床及智能装备展览会
- 2024晋冀鲁豫国际门窗幕墙展览会
- 2024第10届深圳国际IP授权产业博览会(CIPE)
- 2024深圳国际文创新品展
- 2024厦门日化产品技术供应链博览会-打造东南国际市场新坐标!
- 2024CXBE厦门美妆供应链博览会
- 2024第19届潍坊春季茶业博览会暨紫砂展
- 2024长春第十八届连锁加盟创业项目展览会暨2024 东北长春餐博会暨首届预制菜展览会
- 海名·2024第九届西安餐饮供应链博览会
- 2024第三十二届中国(深圳)国际礼品及家居用品展览会(深圳礼品展)
- 2024第二十届中国(上海)国际医疗旅游展览会
- 2024年科隆东盟少儿用品展览会 (Kind+Jugen ASEAN 2024)
- 2024中国(太原)国际锂电池技术设备展览会
- 2024年法国巴黎国际工程机械展
- 2024年俄罗斯第23届国际石油和天然气工业设备及技术展览会
- 第四届中国国际数字产品博览会