border-radius:使用线性渐变创建的背景

Question

在我的react项目中，我为整个应用创建了一个背景。不幸的是，我不能用border-radius添加圆角。有人能帮我一下吗?

App.scss

html {
background: linear-gradient(to bottom right, #c9d2f0 10%, #ffe7bf 80%) no-repeat 95% 50%;
border-radius: 0.8125rem;
height: 100%;
margin-left: 1rem;
margin-right: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 2rem;
width: auto;
}

Answer 1

我的理解是，您试图通过继承使html文档中的每个元素都具有边界半径。这是不可能的，因为border-radius属性没有被继承

直接在元素上应用这些属性总是更好的(通过类或任何你认为合适的选择器)

如果我误解了你的问题，请告诉我。

Answer 2

尝试使用容器/包装器和样式。

这样你就可以对样式有更多的控制，而不是对标签进行样式化。