CSS-Rahmen-Radius

Question

<style>
  div {border-radius:5px;background:#cccccc;}
  span {display:block;}
</style>

<div>
    <span>First line</span>
    <span>Second line</span>
</div>

Ich möchte, dass jeder span die in den div mit abgerundeten Ecken, aber sie gehen vor das Div und verdecken die abgerundeten Ecken. Wenn ich abgerundete Ecken an jedem span dann können Sie einen schwachen Umriss der einzelnen span auch wenn sie dieselbe background-color als die div .

Answer 1

<style>
 .demo-border-radius {
    width: 100px;
    height: 100px;
    border-radius: 30px;
    border: 2px solid #000;
    overflow: hidden;
  }
</style>
<div class="demo-border-radius">border radius div</div>