html - 3 边上的两个不同宽度的边框

Question

我有这段代码可以创建不同宽度的双边框，但我需要它只显示在左侧、顶部和右侧。这对 border 属性没问题，但对 outline 不可能，因为它不共享相同的 border-left 等

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

任何帮助都会很棒

Answer 1

为什么不删除轮廓，而是在元素内部创建一个嵌套元素？

你可以这样做:

在 HTML 中创建嵌套元素:

<div class="big">
        <div class="small">Some text Here.....</div>
</div>

然后应用 CSS:

.big{
      border: 5px solid green;
      border-bottom: none;
    }
.small{
        border: 2px solid black;
        border-bottom: none;
        margin: 2px;
    }

不需要使用大纲。