CSS学习16：圆角边框

1、使用 border-radius 属性来创建圆角。

例子：

效果：

border-radius 的值除了用百分号（%）还可以用 length，比如：border-radius:25px;。
将上述的border-radius 改成如下设置：

border-radius: 25px;

效果：

#2、挑战：做一个酷炫的盒子
要求：盒子的宽高设置一个合适的，盒子相对于浏览器水平居中，并且距离顶端设置合适的距离，文字相对于盒子水平垂直居中。文字的颜色和盒子颜色一样，增加一个文字阴影让它显示出来。设置圆角边框，设置一个 1 px 的实线边框，边框颜色比盒子略微深一点。设置盒子阴影，一个外部阴影，一个内部阴影。大致要求达到，其余的值设置可以自行调整，不一定非要与案例一样。完成后的大致效果如下：