1. 首页
  2. 问答
  3. CSS：带边​​框半径的边框质量很差

CSS：带边​​框半径的边框质量很差

2015-08-20 103 views
2

我想知道如何修复此播放按钮的边框。它有1px的边界和50%边界半径，而且看起来很丑。 2px的看起来不错，但我需要1CSS：带边​​框半径的边框质量很差

enter image description here

来源

2015-08-20 Pietro Coelho

+0

可能有其他性质造成的？或者可能是屏幕分辨率？ – cocoa

+0

大声笑，它是所有的屏幕分辨率，即使你用一个1px宽边框的“img”，你仍然会这样看。没有 - 修复可能。 –

+0

所以即使这个样本看起来不好看吗？ http://jsfiddle.net/u2j3nLqo/ – ericjbasti

回答

2

这个问题被关联到你的屏幕设备的分辨率DPI，你可以用

border: 2px solid rgba(42, 91, 195, 0.35);

使用2px的解决这个问题，但还使用了RGBA透明效果用于减小边界的尺寸

来源

2015-08-20 16:38:04 themich

4

同样的问题解决here由Guy。

当指定背景和边框时，这很常见。解决这个问题的唯一方法是有两个单独的元素，一个具有背景颜色，另一个具有带填充边界颜色的边框颜色等于边框宽度。

请参阅this article以获得更好的解释。

，或者尝试box-shadow: 0 0 1px 0px @yourBlueColor inset, 0 0 1px 0px @yourBlueColor;

来源

2015-08-20 16:47:52

+0

我没有指定背景 –

+0

box-shadow甚至解决了这个问题，但看起来并不那么棒。但我认为我们没有其他人可以解决这个问题...... –

相关问题

 相关问题