使用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;
}