html 边框立体效果 CSS圆角有立体感的DIV边框

圆角边框

#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; }

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

JavaScript/CSS特效代码