Html 如何使用css创建此边框

我想在我的html代码中添加此边框：

我想要您在图像中看到的边框，因此我使用css代码：

border: 1px outset #999999;
border-top:none;
border-left: none;

---

结果不一样。任何人都可以帮助复制相同的效果

尝试使用

框阴影

框阴影：[水平偏移][垂直偏移][模糊半径] [可选扩展半径][颜色]

大概是这样的：

div{
宽度：300px；
高度：100px；
背景：白色；
盒影：2px2p2pRGBA（0,0,0,0.25）；
}

---

您只需添加

右边框

.border{
边框底部：2个实心#999999；
右边框：2px实心#999999；
高度：200px；
}

使用方框阴影。例：

box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.18);

---

这将要求您使用阴影，而不是边框

 box-shadow: 0 0 10px -4px #000000;

尝试使用此选项，它会设置div后面的阴影。

---

您应该使用

右边框

和

边框底部

和

rgba（红色、绿色、蓝色、alpha）

来设置其颜色和不透明度，而不是阴影，除非您想要阴影。如果你不想要一个透明的边框，你仍然可以用十六进制代码代替

.border{
边框底部：2倍实心rgba（0,0,0,0.2）；
右边框：2倍实心rgba（0,0,0,0.2）；
高度：200px；
}
p{
填充顶部：60px；
左侧填充：100px；
}

示例文本