本文和大家重點討論一下DIV+CSS中border和clear屬性的用法，CSS中每一個屬性運用得當，就可以解決許多問題，希望本文介紹對你有所幫助。
DIV+CSS中border和clear屬性
這一節裡面，主要就是想告訴大家如何使用好border和clear這兩個屬性。
border屬性
◆首先，如果你曾用過table制作網頁，你就應該知道，如果要在表格中繪制一條虛線該如何做，那需要制作一個很小的圖片來填充，其實我們還有更簡單的辦法，只要在中加入這麼一段就可以了，你可以試試：
- <divstyledivstyle="border-bottom:1pxdashed#ccc">
- div>
大家可以再次參考手冊，然後你就能明白dashed、solid、dotted...等的作用，利用它們你可以制作出許多效果來，實線、虛線、雙線、陰影線等等。
- <dividdivid="banner">div>
以上代碼便可以實現設計草圖中的banner，在css.CSS中加入以下樣式：
- #banner{
- background:url(banner.jpg)030pxno-repeat;/*加入背景圖片*/
- width:730px;/*設定層的寬度*/
- margin:auto;/*層居中*/
- height:240px;/*設定高度*/
- border-bottom:5pxsolid#EFEFEF;/*畫一條淺灰色實線*/
- clear:both/*清除浮動*/
- }
通過border很容易就繪制出一條實線了，並且減少了圖片下載所占用的網絡資源，使得頁面載入速度變得更快。