大家好我是阿成,今天分享一个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;
会让元素的角变得稍微圆润,而不是尖锐的直角。这个属性可以用于创建按钮、卡片、对话框等具有圆角效果的元素。
文章目录
暂无评论...
发评论,每天都得现金奖励!超多礼品等你来拿
登录 后,在评论区留言并审核通过后,即可获得现金奖励,奖励规则可见: 查看奖励规则