不能用 border-radius 覆盖 border-box :before 和 :after

Question

所以我得到了这个主题http://demo.theme.co/ethos-1/ 并想让顶部的方块变圆。

我唯一能得到它们的方法就是改变

*,*:before,*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
to
*,*:before,*:after {
    border-radius:100px;
}

问题是它使站点上的每个框都像圆形。因为我只希望顶部 post 预览是圆形的。

如有任何想法，我们将不胜感激。谢谢！

Answer 1

.entry-cover {
   border-radius:100px;
}

对置顶的帖子使用 class

Answer 2

尝试将 .entry-cover{border-radius: 100px;} 添加到您的 CSS。此 class 是为顶部的元素添加的。

不能用 border-radius 覆盖 border-box :before 和 :after

Can not override border-box :before and :after with border-radius

css

border-box