css3圆角效果实例代码
findtp插件网2019-09-25
CSS样式大全453
方法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;}
很赞哦! ()