问题标签 [border-radius]

我正在使用 Bootstrap 5.1 的轮播组件。我意识到无论我做什么，我都无法将边界半径添加到轮播指示器。它们总是矩形的，不接受边界半径。但在检查器中，它奇怪地显示指标（html 按钮）确实有一个边框半径但没有显示。我很混乱。我尝试在 css 中设置 .carousel-indicators [data-bs-target] 的样式，在 html 中添加了内联边框半径样式。他们都没有工作。

我想使用 HTML CSS 创建这个形状（见附图）。

我正在使用这些值，但没有得到类似的结果。

我正在从一个使用边框半径为 50px 的卡片的项目中学习。但是，在更宽的屏幕上，边框不起作用。这是一个非常简单的代码，我不明白为什么会这样你能帮我吗？

边界半径不起作用

试图找出与浏览器缩放相关的 CSS 边界半径的一个非常奇怪的问题。正如您在下面的 gif 中看到的，只要元素的位置发生变化，边框半径就会发生变化。

奇怪的是，只有当我放大到 125% 时才会发生这种情况。如果有帮助的话，我会在 MacBook 上使用 Chrome。这是一个简单的CodePen，它为我复制了这个问题。

任何帮助，将不胜感激！

是的，我唯一想做的就是将border-radius属性（或类似的东西）应用到一个按钮上，就像这样：“https://i.stack.imgur.com/Mm9VN.jpg "

不用担心，链接是由 StackOverFlow 生成的，所以不用担心链接。

另外，我需要包含一些代码，否则我的问题将被关闭：这是我尝试过的：

但它将属性应用于所有角落，这不是我想要的。

谢谢你！

我有一个带有框阴影创建的边框的元素

on :hover 我改变了盒子阴影的颜色。

重现步骤：

1. 将鼠标悬停在元素内外并观察圆角。如果您看不到它，请尝试以快几倍的速度进出悬停，不幸的是，行为不一致，有时它会从第一次悬停时发生，有时工件会消失，但它们总是会回来。

注意：伪影在低分辨率显示器上更明显，在视网膜显示器上，它们几乎不可见

知道如何摆脱这些文物吗？

到目前为止，唯一的解决方案是从盒子阴影中删除插图或删除边框半径。就我而言，这不是我需要插图和半径的解决方案。

这是来自 chrome 的屏幕截图。

我正在尝试通过给它来设置 gif 的样式border-radius。但是 gif 比列本身小，因此边框半径仅适用于 gif 的右侧。谁能帮我把它也应用到左侧？我不想改变，background-size: contain!important;因为那样我会失去 gif 的比例。

PS。片段打破了行，gif在另一行，但在这个例子中并不重要。

我在 Adob​​e XD 中做了这个设计：[![Button Design][1]][1]

我试着用边界半径让它看起来像这样，但角落表现得很奇怪。

这就是我使用 CSS 的样子：[![Button CSS][2]][2]

我正在使用链接而不是按钮 btw 制作此按钮！

这是我的 CSS：

如果我使边框半径超过 20%，那么整个边框开始弯曲。我只想让边框的末端像设计中一样弯曲！

希望有人可以帮助我。谢谢！[1]：https ://i.stack.imgur.com/zLLl1.jpg [2]：https ://i.stack.imgur.com/hcPdH.jpg

在此处输入图像描述

我想获得下图中指示的倒置边界半径。

我有一个thead设置为的 html 表position:sticky，它工作正常。如您在此处看到的那样，该行具有background-color并设置：border-radius

问题是当行在标题“后面”向上滚动时，您可以在截断的角落看到它们。

那么，如何设置出现在具有背景颜色和边框半径的元素后面的背景颜色呢？还是有其他方法可以阻止这种情况发生？