CSS 圆角 -CSDN博客

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS 圆角</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #Div_CircularAngle { background: transparent; } .xtop, .xbottom { display: block; background: transparent; font-size: 1px; } .xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; } .xb1, .xb2, .xb3 { height: 1px; } .xb2, .xb3, .xb4 { background: #F8F8F8; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; } .xb1 { margin: 0 5px; background: #DBDBDB; } .xb2 { margin: 0 3px; border-width: 0 2px; } .xb3 { margin: 0 2px; } .xb4 { height: 2px; margin: 0 1px; } #Div_CircularAngle #InnerContent { display: block; background: #F8F8F8; border: 0 solid #DBDBDB; border-width: 0 1px; } </style> </head> <body> <div id="Div_CircularAngle"> <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b> <div id="InnerContent"> 在这写内容Div_CircularAngle </div> <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b> </div> </body> </html>