大家好我是阿成,今天分享一个css如何修改板块弧度。

演示效果↓↓↓

怎么把卡片板块弧度变圆?

 

修改这个**.card** (这里包含.card 这个元素的板块 都同步修改

.card {
    border-radius: 1.25rem;
}

border-radius代码知识

border-radius什么意思?

CSS 中的 border-radius 属性用于设置元素边框的圆角。当设置为 1.25rem 时,它表示边框的四个角都将被设置为半径为 1.25rem 的圆角。这里的 rem 是一个相对单位,表示相对于根元素(通常是 <html> 标签)的字体大小。如果根元素的字体大小没有被明确设置,1rem 通常等于浏览器的默认字体大小,大约是16像素。

简单来说,border-radius: 1.25rem; 会让元素的角变得稍微圆润,而不是尖锐的直角。这个属性可以用于创建按钮、卡片、对话框等具有圆角效果的元素。

关联网址

关联标签

文章目录

发评论,每天都得现金奖励!超多礼品等你来拿

后,在评论区留言并审核通过后,即可获得现金奖励,奖励规则可见: 查看奖励规则
暂无评论...