CSS:色块的奇怪边缘

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS:色块的奇怪边缘相关的知识,希望对你有一定的参考价值。

给出具有背景色的色块,如果将其放在另一个色块中,则会显示出奇怪的边缘。

请参见下图。这个蓝色方块放在红色主体中。顶部和左侧似乎有黑色边框,而底部和右侧则有白色边框。Strange Edge Color

这是代码示例,live demo

<body style="background: red;width:100vw;height:100vh;">
  <div style="background:#4CAF50; width: 150px; height: 50px;color: white;margin: 150px auto;"></div>
</body>
答案

由于颜色而造成的错觉

以上是关于CSS:色块的奇怪边缘的主要内容,如果未能解决你的问题,请参考以下文章

如何在移动顶点时看起来不奇怪的同时重新调整mxgraph的边缘?

如何在div的边缘设置按钮?

奇怪的缩放和尺寸行为与设备工具栏和 chrome 和边缘的响应式布局

使用 CSS 将软边缘应用于图像

indesign出血问题

css CSS角度边缘