圓角邊框

#sash_left { width:430px; float:left; }

#sash_left ul { text-align:left; vertical-align:middle; padding-left:75px; }

#sash_left ul li { line-height:16px; margin:2px 0; }

.b1, .b2, .b3, .b4 { font-size:1px; overflow:hidden; display:block; }

.b1 { height:1px; background:#AAA; margin:0 5px; }

.b2 { height:1px; background:#E0E0E0; border-right:2px solid #AAA; border-left:2px solid #AAA; margin:0 3px; }

.b3 { height:1px; background:#E3E3E3; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 2px; }

.b4 { height:2px; background:#E6E6E6; border-right:1px solid #AAA; border-left:1px solid #AAA; margin:0 1px; }

.contentb { height:186px; background:#E9E9E9; border-right:1px solid #AAA; border-left:1px solid #AAA; }

• JavaScript/CSS特效代碼

本代碼來自烈火網，更多教程請訪問：http://www.veryhuo.com/

提示：可修改后代碼再運行!

總結

以上是生活随笔為你收集整理的div css 立体效果,定义CSS样式圆角有立体感的DIV边框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。