问题标签 [border-radius]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
57 浏览

html - 野生动物园的边界半径问题

我添加了伪元素

但它显示一条白色虚线。见截图在此处输入图像描述。我怎样才能删除这条线

0 投票
1 回答
40 浏览

css - 文本中的点:宽度/高度(em 和边框半径)

我想做一件非常简单的事情。文本中的一个点。我想在 em 中指定点的大小。

我的问题是圆点看起来不圆。

在此处输入图像描述

如果我以 px 定义大小,它可以工作。

在此处输入图像描述

我认为问题在于体积小。这有什么诀窍吗?

见这里:http: //jsfiddle.net/4rtpfu18/

编辑: 我通过使用 svg 解决了这个问题,它似乎在不同的字体大小下都能正常工作。用 svg 来做这么简单的事情感觉像是绕道而行。

0 投票
2 回答
88 浏览

roblox - roblox studio 中的边界半径相当于什么?

我以前一直在使用 css 并且其中有一个属性,即border-radius我可以独立地更改所有四个边的半径。现在我已经开始制作 roblox 游戏,我想对我的 GUI 元素进行四舍五入,但我发现只有一个插件是 roundify,它对所有四个角均等地四舍五入,但我想独立地对它们进行四舍五入(不同角的单独舍入值)。我也搜索了属性面板,但没有找到。请谁能告诉我如何以不同的方式更改边界半径。

0 投票
1 回答
60 浏览

flutter - Flutter ClipRRect 边框半径在bottomNavigationBar上不起作用

我正在尝试从我的快速应用程序中重新创建一个浮动导航栏。borderRadius出于某种原因,使用下面的代码,用户界面中仍然没有。我尝试过更改颜色,使容器透明,甚至使用带有boxDecoration. 没有什么可以添加borderRadius到 UI 中。导航栏是否不允许出现borderRadius抖动?这是我的代码:

0 投票
0 回答
30 浏览

html - 顶部和底部带有曲线的纯 CSS 线

我们可以使用纯 CSS 创建这样的曲线吗:-

我尝试了一些东西,但底部曲线不是那么好。曲线应该与我分享的图片相同

在此处输入图像描述

0 投票
1 回答
65 浏览

flutter - 滚动列表视图时如何更改边框半径?

我正在做一个关于颤振的项目,我的 listView 有问题。

当我向下滚动提要时,我的列表视图半径看起来像这样(边框在两张照片的正下方):

所以基本上我想要的是将两张照片作为浮动照片和最新的帖子放在它下面。

在此处输入图像描述

但我希望列表看起来像这样:

在此处输入图像描述

有人对这个问题有任何想法吗?

检查下面的代码:

0 投票
0 回答
10 浏览

css - 反应本机 CLI。Android 7. 边框半径

在此处输入图像描述

你好。我的组件的“边界半径”有问题。此问题仅在 Android 7 中出现。

示例代码:

CSS imageBackground: { height: w(160), borderRadius: 12, overflow: 'hidden', justifyContent: 'center', backgroundColor: 'rgba(55, 38, 25, 0.3)', },

图片:{ 宽度:'100%',高度:w(160),边框半径:12,},

0 投票
1 回答
52 浏览

css - 移动设备上带有轮廓偏移的圆形照片

我很难过,需要一些帮助。我编写了 CSS 来制作圆形照片,将 1px 的细轮廓设置为偏移 -12px 并出现在照片内。这适用于桌面设备,但轮廓半径不会超过边界半径:移动设备上的 50%。关于我做错了什么或如何解决的任何建议。

这是我试图让我的照片在移动设备上查看时的样子。轮廓偏移出现在图像内部并保留 50% 的半径 - 在照片内部形成一个完整的圆圈。

然而,这就是我在 Apple iPhone 8 上的 Brave/Chrome 中的图像

这就是我在 Apple iPhone 8 上的 Duck Duck Go 中的图像

这是我的图像在 Apple iPhone 8 上的 Safari 中的样子

0 投票
1 回答
21 浏览

css - overflow of color from round border css

I hope this hasn't been asked. I'm recently new to coding and I'm studying HTML CSS and a bit of java. the problem I have is a color that goes over a rounded border, creating this annoying little ..."fold? Now the easy solution is to add a clas with the round border on the bottom left... but I'm trying to keep it responsive... and if I do that I have a similar problem when the grid shrinks lack of angle LITTLE FOLD

here my CSS:

any suggestion?

0 投票
2 回答
30 浏览

html - BorderRadius 显示不同的背景颜色

我正在尝试使用 div 的反应在中心创建一个框。边界半径正在工作,但角落的颜色与背景不同。我试过使用溢出:隐藏但它没有做任何事情。

代码:

CSS:

这是它的样子: 截图