css - 使用 CSS3 box-shadow 在三个边上形成一个像素阴影

Question

我需要使用框阴影在元素的三个边上创建一个单像素阴影。我正在使用以下代码，除了它创建了两个像素的边框，但我只需要一个。

   -moz-box-shadow: 0 1px 1px   #c00
-webkit-box-shadow: 0 0   1px 0 #c00
        box-shadow: 0 0   1px 0 #c00

Answer 1

尝试 3 个阴影，没有模糊。 http://jsfiddle.net/leaverou/8tgAp/1/

body {
  width: 300px;
  height: 200px;
  margin: 20px auto;

  -moz-box-shadow: 0 1px 0 #c00, 1px 1px 0 #c00, -1px 1px 0 #c00;
  -webkit-box-shadow: 0 1px 0 #c00, 1px 1px 0 #c00, -1px 1px 0 #c00;
  box-shadow: 0 1px 0 #c00, 1px 1px 0 #c00, -1px 1px 0 #c00;
}