前端学习（十四）CSS 圆角边框代码

.content{
    border: 2px solid #000000;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border-radius:15px;         
}
<div class="content">该边框为圆角;</div>

圆角代码也支持拆分的（四个边框都圆角10px的拆分css代码如下）：

 border-top-left-radius: 10px;   
 border-top-right-radius: 10px; 
 border-bottom-right-radius:10px;  
 border-bottom-left-radius:  10px;

这两个是为了兼容其他一些不常用浏览写的css圆角代码
-moz-border-radius: 15px; -webkit-border-radius: 15px;

像素是那个圆角范围的大小