首页 前端知识 css设置border-radius圆角缺少遮挡问题

css设置border-radius圆角缺少遮挡问题

2024-04-29 12:04:06 前端知识 前端哥 449 441 我要收藏

问题:给一个div设置圆角效果,上面是正常的,下面两个角明显显示不全
在这里插入图片描述

查看了下代码,原来是下面加了背景,下面这部分没有设置圆角,就覆盖了
在这里插入图片描述

给下面这块内容增加圆角设置,就可以完整显示了

.item .item-footer {
    padding: 10px 14px;
    background-color: #f2f3f6;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6432.html
标签
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!