css - 不能用边界半径覆盖边界框：之前和：之后

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;
}

问题是它使网站上的每个盒子都像圆形一样。因为我只希望顶部的帖子预览是圆形的。

任何想法将不胜感激。谢谢！

Answer 1

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

将类用于最上面的帖子

Answer 2

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