css的圆角,关于css3的圆角边框,css outline 圆角,css3中可以使用什么属性实现圆角效果,css圆角边框怎么设置,css圆角设置
CSS3圆角是指在CSS3中提供的一种用于设置矩形边框的圆弧度量化属性。

它可以通过border-radius属性来实现，该属性接受一个或多个参数，可以设置矩形的四个角分别的圆角半径。例如：


border-radius: 10px; /* 所有四个角都使用10像素的圆角 */
border-radius: 10px 20px; /* 左上角和右下角使用10像素的圆角，右上角和左下角使用20像素的圆角 */
border-radius: 10px 20px 30px 40px; /* 每个角分别使用不同的圆角半径 */


下面是一个示例，在此示例中，我们将一个带有较大白色圆角的绿色矩形置于灰色背景之上：

html
<style>
.box {
width: 200px;
height: 100px;
background-color: green;
border-radius: 30px;
color: white;
font-size: 24px;
text-align: center;
line-height: 100px;
box-shadow: 2px 2px 2px grey;
}
body {
background-color: #eee;
}
</style>
<div class="box">
Hello World!
</div>


输出为: