用ＣＳＳ实现圆角边框，网上很多，但有些很复杂，我只要实现最基本的圆角就可以．网上下了个例子，然后慢慢缩减，用最简单的代码把最想要的表达出来：
以下是我缩减后的代码：
1 <html>
2 <head>
3 <title>
4 用ＣＳＳ实现圆角边框
5 </title>
6 <style type='text/css'>
7 body{maring:3px 5px;}
8 .div{background:transparent;}
9 .div div{background-color:#00ffff; display:block;}
10 .div .b1, .div .b2, .div .b3, .div .b4{overflow:hidden; height:1px;}
11 .div .b1{margin:0px 5px;}
12 .div .b2{margin:0px 3px;}
13 .div .b3{margin:0px 2px;}
14 .div .b4{margin:0px 1px;}
15 </style>
16 </head>
17
18 <body>
19 <div class="div">
20 <div class="b1"></div>
21 <div class="b2"></div>
22 <div class="b3"></div>
23 <div class="b4"></div>
24 <div>
25 jboy is a good boy!
26 </div>
27 <div class="b4"></div>
28 <div class="b3"></div>
29 <div class="b2"></div>
30 <div class="b1"></div>
31 </div>
32 </body>
33 </html>
2 <head>
3 <title>
4 用ＣＳＳ实现圆角边框
5 </title>
6 <style type='text/css'>
7 body{maring:3px 5px;}
8 .div{background:transparent;}
9 .div div{background-color:#00ffff; display:block;}
10 .div .b1, .div .b2, .div .b3, .div .b4{overflow:hidden; height:1px;}
11 .div .b1{margin:0px 5px;}
12 .div .b2{margin:0px 3px;}
13 .div .b3{margin:0px 2px;}
14 .div .b4{margin:0px 1px;}
15 </style>
16 </head>
17
18 <body>
19 <div class="div">
20 <div class="b1"></div>
21 <div class="b2"></div>
22 <div class="b3"></div>
23 <div class="b4"></div>
24 <div>
25 jboy is a good boy!
26 </div>
27 <div class="b4"></div>
28 <div class="b3"></div>
29 <div class="b2"></div>
30 <div class="b1"></div>
31 </div>
32 </body>
33 </html>
其实也蛮简单的，不要被一大堆无用的代码吓倒哦！
