DIV+CSS如何设置盒子圆角-左上_左下_右上_右下角-圆形

在css中,可以使用“border-radius”属性为div元素添加圆角边框,设置圆角效果。该属性按照左上角,右上角,右下角,左下角的顺序设置圆角值,四个值相同时可省略其余三个值。

css样式
{
    border-top-left-radius:32rpx; //左上角
    border-top-right-radius:32rpx; //右上角
    border-top-top-radius:32rpx; //右上角
    border-top-botton-radius:32rpx; //右上角
    border-radius: 32rpx; 四个圆角
}

 

 像这种不需要全部都设置成圆角的可根据自己想要的圆角大小自行设置

你可能感兴趣的:(css,前端,javascript)