Question

是否有将边界半径应用于div，但是没有对框阴影应用相同的“圆度”？我正在使用没有模糊的盒子阴影来有效地为div创建两个边框，但是浅蓝色的盒子阴影需要被平方。

谢谢！

Answer 1

您可以使用outline CSS属性。^{(Outline works in all browsers, except IE7 and below.)}

<强> HTML：

<div class="box"></div>

<强> CSS：

div {
    height: 20px;
    width: 20px;
}

.box {
    border-radius: 5px;
    outline: 1px solid black;
    background-color: red;
}

小提琴：http://jsfiddle.net/xN4pF/

或者您可以将<div>嵌套在另一个内。

<强> HTML：

<div class="shadow">
  <div class="round"></div>
</div>

<强> CSS：

div {
    height: 20px;
    width: 20px;
}

.shadow {
    box-shadow: 0 0 0 1px black;
}
.round {
    border-radius: 5px;
    background-color: red;
}

小提琴：http://jsfiddle.net/DzCK9/1/

应用border-radius而不将其应用于box-shadow

1 个答案: