css3 边框圆角

猫性男孩

CSS3圆角（所有的）

1	<strong>#roundCorderC{

[backcolor=rgb(248, 248, 248) !important]

2	font-family: Arial;

3	border: 5px solid #dedede;

[backcolor=rgb(248, 248, 248) !important]

4	-moz-border-radius: 15px;

5	-webkit-border-radius: 15px;

[backcolor=rgb(248, 248, 248) !important]

6	padding: 15px 25px;

7	height: inherit;

[backcolor=rgb(248, 248, 248) !important]

8	width: 590px;

9	}</strong>

浏览器支持:

• Firefox(3.05+…)
• Google Chrome(1.0.154+…)
• Google Chrome(2.0.156+…)
• Internet Explorer(IE7, IE8)
• Opera 9.6
• Safari(3.2.1+ windows)
  

CSS3圆角(个别的)

当然，一个DIV的四个角不需要全部都是圆角，你可以个别的实现圆角。

01	#roundCornerI{

[backcolor=rgb(248, 248, 248) !important]

02	font-family: Arial;

03	border: 5px solid #dedede;

[backcolor=rgb(248, 248, 248) !important]

04	-moz-border-radius-topleft: 15px;

05	-moz-border-radius-topright: 0px;

[backcolor=rgb(248, 248, 248) !important]

06	-moz-border-radius-bottomright: 15px;

07	-moz-border-radius-bottomleft: 0px;

[backcolor=rgb(248, 248, 248) !important]

08	-webkit-border-top-left-radius: 15px;

09	-webkit-border-top-right-radius: 0px;

[backcolor=rgb(248, 248, 248) !important]

10	-webkit-border-bottom-left-radius: 0px;

11	-webkit-border-bottom-right-radius: 15px;

[backcolor=rgb(248, 248, 248) !important]

12	padding: 15x 25px;

13	height: inherit;

[backcolor=rgb(248, 248, 248) !important]

14	width: 590px;

15

}