htmlで[]枠を作成するには？

Question

どのようにして、HTML/CSSを使用してイメージのような境界線を作成しますか？

ありがとうございました:)

が

Answer 1

あなたはこのような何かを試すことができます。

body { 
 
    margin: 20px; 
 
} 
 

 
.parent { 
 
    display: inline-block; 
 
    border: 1px solid brown; 
 
    padding: 20px 20px 0; 
 
} 
 

 
.child { 
 
    background: white; 
 
    padding: 20px; 
 
    margin: -30px 0 -10px 0; 
 
}

<div class="parent"> 
 
    <div class="child"> 
 
    Hello StackOverflow! 
 
    </div> 
 
</div>

ホープ、このことができます！