CSS 实现固定宽度圆角框效果

/* rounded corner box

================================== */

.box {

width: 424px;

background: url(images/tile2.gif) repeat-y;

}

.box h2 {

background: url(images/top2.gif) no-repeat left top;

padding-top: 20px;

}

.box .last {

background: url(images/bottom2.gif) no-repeat left bottom;

padding-bottom: 20px;

}

.box h2 {

padding-left: 20px;

padding-right: 20px;

}

.box p {

padding-left: 20px;

padding-right: 20px;

}

top2.gif



title2.gif



bottom2.gif


http://p.blog.csdn.net/images/p_blog_csdn_net/denuvead/EntryImages/20080908/tile2.gif http://p.blog.csdn.net/images/p_blog_csdn_net/denuvead/EntryImages/20080908/top2.gif
http://p.blog.csdn.net/images/p_blog_csdn_net/denuvead/EntryImages/20080908/bottom2.gif