Html 如何仅为的一部分编码边框？

我想实现这样的目标：

---

div周围的1像素边框和创建阴影效果的部分边的2像素边框。实现这一点的最佳方法是什么？

实现这一点的最佳方法是使用两个div。一个四周的边框都设置为黑色的 第二个div有部分边界

像这样

内分区：边框：实心1px 000

外部分区：边框：实心5pxBBB；边界顶部：无；左边界：无

---

为了兼容性起见，box shadow在较旧的浏览器中不起作用

实现这一点的最佳方法是使用两个div。一个四周的边框都设置为黑色的 第二个div有部分边界

像这样

内分区：边框：实心1px 000

外部分区：边框：实心5pxBBB；边界顶部：无；左边界：无

为兼容起见，框阴影在旧浏览器中不起作用

为什么不使用框阴影：

.

为什么不使用长方体阴影：

.

我想这样做

div{
    border: 1px solid #000;
    -moz-box-shadow: 2px 2px 0 0 #000;
    -webkit-box-shadow: 2px 2px 0 0 #000;
    box-shadow: 2px 2px 0 0 #000;
}

这允许你有一个边界，你正在寻找和框阴影向下和权利

我会这样做的

div{
    border: 1px solid #000;
    -moz-box-shadow: 2px 2px 0 0 #000;
    -webkit-box-shadow: 2px 2px 0 0 #000;
    box-shadow: 2px 2px 0 0 #000;
}

这允许你有一个边界，你正在寻找和框阴影向下和权利

---

假设我理解正确，请尝试：

.content {
     border: 1px solid black; /* The border around the div. */
     border-right: 2px solid black; /* The borders where the shadow comes from. */
     border-bottom: 2px solid-black;

     /* and now the shadow */

     -moz-box-shadow: 2px 2px 0 0 #000;
     -webkit-box-shadow: 2px 2px 0 0 #000;
     box-shadow: 2px 2px 0 0 #000;
}

---

假设我理解正确，请尝试：

.content {
     border: 1px solid black; /* The border around the div. */
     border-right: 2px solid black; /* The borders where the shadow comes from. */
     border-bottom: 2px solid-black;

     /* and now the shadow */

     -moz-box-shadow: 2px 2px 0 0 #000;
     -webkit-box-shadow: 2px 2px 0 0 #000;
     box-shadow: 2px 2px 0 0 #000;
}

---

没有，至少没有使用边框或轮廓。这应该是可行的一个真正的CSS阴影，虽然？没有，至少没有使用边框或轮廓。这应该是可行的一个真正的CSS阴影，虽然？