css3圆角效果实例代码 - findtp插件网

findtp插件网

您现在的位置是:首页> -> jQuery插件-> CSS样式大全 -> css3圆角效果实例代码

Article

css3圆角效果实例代码

findtp插件网2019-09-25 CSS样式大全306

方法1:利用border-radius属性统一设置。


p{border-radius: 25px 25px 25px 0;}


方法2:利用border-radius属性的派生子属性设置。


p{


border-top-left-radius: 25px;


border-top-right-radius: 25px;


border-bottom-right-radius: 25px;


}


方法3:利用border-radius属性设置所有角方向均为25px,再利用border-radius属性的派生子属性设置左下角没有圆角效果。


p{


border-radius: 25px;


border-bottom-left-radius: none;


}

例4:设置div块级元素的左上角圆角效果为:水平角半径50px,垂直角半径25px。


div{border-top-left-radius: 50px/25px;}


文章评论

共有0条评论来说两句吧...