CSS 實現固定寬度圓角框效果

1. /* rounded corner box
2. ================================== */
4. .box {
5.   width: 424px;
6.   background: url(images/tile2.gif) repeat-y;
7. }
9. .box h2 {
10.   background: url(images/top2.gif) no-repeat left top;
11.   padding-top: 20px;
12. }
14. .box .last {
15.   background: url(images/bottom2.gif) no-repeat left bottom;
16.   padding-bottom: 20px;
17. }
19. .box h2 {
20.   padding-left: 20px;
21.   padding-right: 20px;
22. }
24. .box p {
25.   padding-left: 20px;
26.   padding-right: 20px;
27. }

top2.gif

title2.gif

bottom2.gif

https://p-blog.csdn.net/images/p_blog_csdn_net/denuvead/EntryImages/20080908/tile2.gif

https://p-blog.csdn.net/images/p_blog_csdn_net/denuvead/EntryImages/20080908/top2.gif

https://p-blog.csdn.net/images/p_blog_csdn_net/denuvead/EntryImages/20080908/bottom2.gif