Html 如何在div的顶部和底部绘制双水平线？

我不懂如何在div的顶部和底部画一条双水平线

我基本上是用这个，但它只给了我一个在顶部和底部行

.test {
border-top: 1px double #333;
border-bottom: 1px double #333;
padding: 10px 0px 10px 0px;
}

---

增加边框的宽度，如下图所示：

.test {
    border-bottom: 4px double #333;
    border-top: 4px double #999;
    padding: 10px 0;
}

---

选中增加边框的宽度，如下图所示：

.test {
    border-bottom: 4px double #333;
    border-top: 4px double #999;
    padding: 10px 0;
}

---

检查

事实上，您的答案是正确的，问题只是边界的宽度，因为您必须增加它才能看到双线。因此，只需添加

边框宽度：5px到您的css。：-）假设一个像素是显示面板的最小单元，你怎么能期望一个像素边框有两条线被一个空格隔开？单凭逻辑就表明，最小边框宽度必须为3像素。事实上，您的回答是正确的，问题只在于边框的宽度，因为您必须增加它才能看到双线。因此，只需添加
边框宽度：5px到您的css。：-）假设一个像素是显示面板的最小单元，你怎么能期望一个像素边框有两条线被一个空格隔开？单凭逻辑就表明，最小边框宽度必须为3像素。这个答案显然更好，我已经删除了我的答案。我没有学习内部或外部CSS页面，只有内联CSS。你能给我换一种内联格式吗？这个答案显然更好，我已经删除了我的答案。我没有学习内部或外部CSS页面，只有内联CSS。你能帮我把它改成内联格式吗？