CSS 实现虚线 边框 有点组成的边框

 

虚线 代码

style="BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #000 1px dotted;
PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; MARGIN: 80px auto; BORDER-LEFT: #000 1px dotted;
WIDTH: 360px; PADDING-TOP: 20px; BORDER-BOTTOM: #000 1px dotted; HEIGHT: 210px">虚线 代码

                      这个就是显示虚线框的代码

solid 边框由实线组成、

dotted 边框由点组成、

dash 边框由短线组成、

double 边框由双实线组成、

groove 边框带有立体感的沟槽、

ridge 边框成畸形、

inset 边框内嵌一个立方体边框、

outset 边框外嵌一个立方体--

经常可以在网页上看到很多漂亮的虚线，
今天我也研究了一下它的实现方式，
还是比较easy的现在和大家共享一下。
水平虚线的代码：

垂直虚线的代码：  

如何用css画虚线

css样式：
1
.line {
margin-top: 1px;
border-top-style: dashed;
border-top-color: #CCCCCC;
}

2
.line {
border-top: 1px dashed #CCCCCC;
}

css画虚线

设为首页JS,加入收藏夹js,加入收藏夹代码,设为首页代码,火狐和ie兼容
在一次设置中发现火狐浏览器(FF)不支持普通的象IE那样的加入收藏夹和设为首页，于是就找了关于FF的方法。后来测试了下，可以用了。。其代码如下：

加入收藏
设为首页