DIV+CSS虛線邊框
這裡通過邊框屬性的虛線邊框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邊的邊框虛線屬性，但是這裡注意邊框屬性設定前後順序。
上面效果整體程式碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<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:350px}
</style>
</head>
<body>
www.divcss5.com css虛線例項例項<br>
<div class="divcss5">我四邊為虛線邊框</div><br>
<div class="divcss5-1">我的左邊為黑色虛線邊框</div><br>
<div class="divcss5-2">我的右邊為黑色虛線邊框</div><br>
<div class="divcss5-3">我的上邊為黑色虛線邊框</div><br>
<div class="divcss5-4">我的下邊為黑色虛線邊框</div><br>
<div class="divcss5-5">我的右邊邊框無邊線而其它三邊為黑色虛線邊框例項</div>
</body>
</html> 