Nils Binder 介绍了如何通过将八个值传递给属性来使用 border-radius 来操纵元素
.element {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}这是一种非常酷的技术，他也开发了一个名为 Fancy-Border-Radius 的小型网络应用程序来查看这些值在实践中的效果。 它允许您以任何方式操纵形状，然后将代码直接复制粘贴到您的设计中
很酷，对吧？ 我认为如果您不想让 SVG 包裹某些内容，这种技术可能非常有用，因为我最近看到很多网站使用“水滴”作为图形元素，这无疑是一种有趣的新方法。 但这也让我想知道有多少相对古老且熟悉的 CSS 属性隐藏着一些偷偷摸摸的东西，等待着我们去发现。
我们也有一个工具可以帮助您了解各种可能性
查看 Chris Coyier 的 所有 border-radius (@chriscoyier) 在 CodePen 上。
我是一个绝对的初学者，真的是第一次。 我理解 box-radius 属性，但它到底应该放在 style.css 的什么地方？ 我的目标是让博客登录页面上的所有内容框都具有圆角，但即使我尝试将它放在所有让我想到框的元素（内容框、框包装器）中，边框仍然保持不变，或者唯一发生变化的是这个内容框上的按钮，上面写着“阅读更多”。
我知道这可能是一个愚蠢的问题，但我找不到任何信息。
谢谢
嘿，Tam，好问题！ 您需要在包含要圆角内容的元素上添加 border-radius。
例如，假设我们有一个名为“box”的元素，它包含一些内容。
这是一个盒子
这是盒子里的内容。
在 CSS 中，我们将定位
.box元素，因为它包含内容。.box {background-color: red;
border-radius: 20px;
color: white;
padding: 2em;
}
以下是结果： https://codepen.io/geoffgraham/pen/PVboLG