站内搜索:
首页 >> 前端 >> 内容
CSS 圆角边框代码

时间:2017/8/28 9:34:00

CSS 圆角边框代码

.content{
    border: 2px solid #000000;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border-radius:15px;         
}

该边框为圆角;

圆角代码也支持拆分的(四个边框都圆角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;

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

  • 上一篇:使用react加载leaflet瓦片乱序或者加载不完全
  • 下一篇:Promise对象的简单应用
  • 返回顶部