border - 使用 CSS 为 3 个面添加光晕

Question

我有一个盒子，它与另一个盒子重叠形成一种 L 形，我试图在整个 L 形周围实现发光，因此只需要在其中一个盒子的 3 个侧面上发光。

我试过使用 box-shadow 属性，但似乎无法让它只对其中的 3 个边起作用，这是正确的使用方法还是有另一种使用边框的方法我可以用来实现在 3 个侧面发光？

这是我一直在尝试使用的代码

-moz-box-shadow: 0 -1px 5px #80abc6;
-webkit-box-shadow: 0 -1px 5px #80abc6;
box-shadow: 0 -1px 5px #80abc6;

Answer 1

您可以使用 clip属性:

div {
    width: 100px;
    height: 30px;
    margin: 30px;
    clip: rect(-15px,115px,45px,0);
    position: absolute;

    -moz-box-shadow: 0 -1px 15px #80abc6;
    -webkit-box-shadow: 0 -1px 15px #80abc6;
    box-shadow: 0 -1px 15px #80abc6;
}

演示:http://jsfiddle.net/QBQJn/