CSS - border-bottom双1厚1薄

Question

是否可以使用单个CSS？

有双边框，内边框很薄而外边框很粗？

具有不同边框厚度的两个不同元素很简单。 但我正试图找到一种方法使它成为一个单一元素。

Answer 1

如果您可以使用任何其他CSS属性，则可以使用以下代码。

border: double 3px black;
outline: solid 1px black;

它将产生1px内部和2px外部“边界”

Answer 2

如下所示？

您可以使用大纲

轮廓允许将边框和轮廓应用于单个元素。

<强> FIDDLE DEMO

<div class="border"></div>

<强> CSS

.border {
    border: 1px double #000;
    outline: 5px solid #699;
    outline-offset: -9px;
    width:200px;
    height:200px;
}