.myElement {
  width: 200px;
  height: 100px;
  border: 3px solid #0064d2;
  outline: solid red;
  border-radius: 30px;
}

<div class="myElement"></div>

您可以使用::after將輪廓與邊框分開:

你可以通過改變百分比來改變大小，我用了80%的父元素作為例子。

要使元素居中，請使用剩余空間一半的變換平移

.myElement {
    width: 200px;
    height: 100px;
    outline: solid red;
    padding: 10px;
    position: relative;
}

.myElement::after {
    content: "";
    border: 3px solid #0064d2;
    border-radius: 30px;
    display: inline-block;
    width: 80%;
    height: 80%;
    transform: translate(10%,10%);
}

<div class="myElement"></div>