css圆角

兼容性

-webkit-border-radius
-moz-border-radius
-ms-border-radius
-o-border-radius

属性

//提示：按顺时针方式
border-radius-top-left         /*左上角*/
border-radius-top-right       /*右上角*/
border-radius-bottom-right /*右下角*/
border-radius-bottom-left   /*左下角*/

斜杠用法/

第一个参数表示圆角的水平半径，第二个参数表示圆角的垂直半径

.div1{
    border-radius: 2em/1em
}

// 完整
.div1{
        border-radius:10px 20px 30px 40px/40px 30px 20px 10px
}
// 错误写法
.div1{
        border-radius:2em/1em 1em/0.5em 3em/1em1em/1em
}