原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
DIV+CSS实例教程信息列表
? DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程? DIV+CSS文字与图片上下垂直居中-div css居中??
? 用CSS控制超链接文字样式?
? css li讲解??
? DIV+CSS中让布局居中_背景图片居中_文字内容居中???
? padding_css padding用法详解???
? margin _ css margin属性与用法教程???
DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程DIV CSS虚线教程篇包括讲解常常出现的各种样式的DIV虚线案例CSS教程。
本节为大家介绍常见的CSS 虚线及DIV教程。CSS虚线下划线、列表虚线统统搞定。
目录
CSS虚线边框
CSS超链接虚线下划线
列表型CSS虚线下划线
CSS定义一条水平虚线
1、CSS边框虚线 ? ? - ? TOP 这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度（css width）为350像素是为了便于观看演示 其它意思。 一、四边为虚线边框 border:1px dashed #000; 黑色虚线边框 实例： CSS代码： .divcss5{border:1px dashed #000; height:50px;width:350px} Html代码： div class=divcss5我的四边为黑色虚线边框/div 这里设置边框缩写方式定义divcss5选择器四边边框为1px的黑色虚线边框
二、左边为虚线： CSS代码： .divcss5-1{border-left:1px dashed #000; height:50px;width:350px} Html代码： div class=divcss5-1我的左边为黑色虚线边框/div 这里设置了左边一边为黑色虚线边框
三、右边为虚线： CSS代码： .divcss5-2{border-right:1px dashed #000; height:50px;width:350px} Html代码： div class=divcss5-2我的右边为黑色虚线边框/div 这里设置了右边一边为黑色虚线边框
四、顶部边（上边）为虚线： CSS代码： .divcss5-3{border-top:1px dashed #000; height:50px;width:350px} Html代码： div class=divcss5-3我的上边为黑色虚线边框/div 这里设置了顶边（上边线）一边为黑色虚线边框
五、底部边（下边）为虚线： CSS代码： .divcss5-4{border-bottom:1px dashed #000; height:50px;width:350px} Html代码： div class=divcss5-4我的下边为黑色虚线边框/div 这里设置了底边（下边线）一边为黑色虚线边框
六、任意一边不为虚线，其它三边为虚线情况 加入右边边框不为虚线而没有边线，其它三边为黑色虚线边框 CSS代码： .divcss5-5{border:1px dashed #000;border-right:0; height:50px;width:350px} Html代码： div class=divcss5-5我的右边边框无边线而其它三边为黑色虚线边框实例/div 这里通过先设置了该对象四边为黑色1px虚线边框，紧接着又设置一边边线为0的设置，这样相当于设置了3边的边框虚线属性，但是这里注意边框属性设置前后顺序。
以上实例完整DIV+CSS代码如下：
!DOCTYPE html html head meta charset=gb2312 / titleCSS 虚线 DIVCSS5实例说明/title style .divcss5{ border:1px dashed #000; height:50px; width:350px} .divcss5-1{border-left:1px dashed #000; height:50px;width:350px} .divcss5-2{border-right:1px dashed #000; height:50px;width:350px} .divcss5-3{border-top:1px dashed #000; height:50px;width:350px} .divcss5-4{border-bottom:1px dashed #000; height:50px;width:350px} .divcss5-5{border:1px dashed #000; border-right:0;height:50px;width:
文档评论（0）