问题标签 [border-radius]

我想增加边框笔画之间的距离。我尝试了不同的方法。

例如：在此处输入链接描述

但是当我使用边界半径时它不能正常工作。

在这个JSFiddle中试试

我想使用 box-shadow 实现以下效果：

但我正在实现以下目标：

我正在使用以下代码：

你可以在这里找到我的 codepen

谢谢你的帮助。

我正在使用 React、HTML 和 CSS 制作这张卡片

这是我的代码：

CSS：

输出：

但是我在所有角落都得到了上面突出显示的白色边框。谁能告诉我我在哪里做错了？或者它来自哪里？我该如何隐藏它？

我正在尝试在字体真棒图标周围创建一个圆形边框，如下所示...

这是我的标记：

我已经在图标外部添加了一个 div，并尝试将 div 应用于图标组件，但没有成功。

我使用 创建了三个按钮map，第一个和第三个按钮borderRadius在侧面。

这是它的样子：

尽管我还是按预期显示了按钮，但我觉得这段代码应该比我做的更好。另外，我不太确定以这种方式映射按钮是否可以。

我的代码如下：

你能告诉我最好的编码方式吗？

Firefox 有一个烦人的事情是它无法处理圆角元素的裁剪（抗锯齿？），尤其是在有多个背景的情况下。在某些情况下（我猜是非绝对元素），它可以通过background-clip: content-box在类中设置来解决，但在其他情况下，即使有任何其他属性，它也不能以这种方式求解。虽然，Chrome 不会产生这个问题（或者更好地使用引擎盖下的剪辑）。这里有一些基于我的场景的示例，我设法用不同浏览器中的结果片段和屏幕截图重新创建了这些示例。

请不要让我摆脱多个背景和混合模式，因为我需要它，因为 css 不支持渐变过渡。

为什么这段代码隐藏了容器的孩子以及如何解决这个问题。我无法在一侧设置边框半径，在一侧或两侧设置边框

我有一个项目需要创建某种类型的卡片。这些卡片在悬停时包含渐变背景。我添加了一个之前的项目，当项目悬停时显示。为了在卡片中包含背景渐变，我在卡片中添加了一个剪辑路径属性。

但我面临的问题是剪辑路径不会剪辑圆角边框border-radius: 0.5rem;。我搜索并发现可以通过使用多边形来剪辑路径。

我找到了一个链接，您可以在其中生成要剪辑的多边形项目：剪辑多边形生成器。

但我找不到适合的完美多边形。圆圈是圆形的，斜角项目只有尖锐的边框。

想象div一个圆角的父母border-radius。有没有办法让一个imgdiv 适合它，使其也符合圆形边框？

这只会导致图像带有方角，而 div 底部有圆角。我知道的唯一解决方法是让图像具有相同的边框半径属性，但仅在前两个角上。我发现这是一个烦人的解决方法。

您好，我有一些图像需要应用边框半径（将图像制作成圆形），但我只想做脸部。那么如何仅将边框半径应用于面部或仅图像的顶部？客户不想要太多的身体展示。

前

后