如何创建内部边框类型颜色

Question

这是当前结果： screenshot这是我想要的结果screenshot 。

这里的文字不是问题，只是我需要这个内半径类型的东西

代码：

<div style='
          display: "inline-block",
          marginTop: "2.5%",
          width: "60%",
          paddingBottom: "75%",
          borderRadius: "20px",
          borderBottom: "50px solid #FF6559",
          fontSize: "150%",
// more unrelated styles
        '></div>

试图创建另一个 div

Answer 1

只要有一个父元素，里面有两个元素。

 .ticket { --border-radius: 1.5rem; background-color: #ff6559; border-radius: var(--border-radius); max-width: 200px; }.ticket > header { background-color: #d9d9d9; border-radius: var(--border-radius); min-height: 200px; }.ticket > footer { padding: 0.5rem; font-size: 1.5rem; color: white; text-align: center; }

 <div class="ticket"> <header></header> <footer>Some text</footer> </div>