时间戳

首页 > 解决方案 > CSS：色块的奇怪边缘

html - CSS：色块的奇怪边缘

问题描述

给定一个具有背景色的块，如果将其放入另一个颜色块中，则会显示一个奇怪的边缘。

见下图。这个蓝色块被放在一个红色的身体里。顶部和左侧似乎有黑色边框，而底部和右侧似乎有白色边框。

这是代码示例，现场演示：

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

标签： htmlcssbackground

解决方案

这是一种视错觉，因为颜色的

推荐阅读