CSS里面实现元素圆角非常简单，只需要几行代码。如下：

//圆形
.test{
	width:350px;
	height:200px;
	border:1px solid #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
//椭圆
.test{
	width:350px;
	height:200px;
	border:1px solid #ccc;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
}
//圆角为5px 
.test{
	width:350px;
	height:200px;
	border:1px solid #ccc;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
//左上和右下圆角为5px，又上和左下没有圆角 
.test{
	width:350px;
	height:200px;
	border:1px solid #ccc;
	-webkit-border-radius:5px 0px 5px 0px;
	-moz-border-radius:5px 0px 5px 0px;
	border-radius: 5px 0px 5px 0px;
}

当包含4个参数时，他们分别代码的圆角是（以矩形为例）：

第一个：左上

第二个：右上

第三个：右下

第四个：左下