CSS边框带弧度代码怎么写

不少的时候看到别人的网站的框架很好看，边框都带有一定的弧度，那么CSS如何实现这样的边框带弧度的效果呢？

下面361模板给大家做个简单的分享：

border-radius:10px; /*四边弧度10像素*/

等同于

border-top-left-radius:10px;/*左上弧度10像素*/border-top-right-radius:10px;/*右上弧度10像素*/border-bottom-right-radius:10px;/*右下弧度10像素*/border-bottom-left-radius:10px;/*左下弧度10像素*/

同样：

border-radius: 2em 1em 4em / 0.5em 3em;

等同于

border-top-left-radius: 2em 0.5em;border-top-right-radius: 1em 3em;border-bottom-right-radius: 4em 0.5em;border-bottom-left-radius: 1em 3em;

完成。