通过outline,box-shadow实现单元素内圆角。
<div class="contaniner">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde placeat, repudiandae dolore amet praesentium, fuga a eos id, provident deleniti minima sequi voluptates rem. Sint, nesciunt? Rerum eligendi repudiandae explicabo.</p>
</div>
.contaniner {
display:flex;
justify-content:center;
align-items:center;
margin:100px auto;
padding:20px 10px;
width:400px;
height:150px;
background:tan;
border-radius:20px;
outline:10px solid pink;
box-shadow:0 0 0 10px pink
}