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

5ssjco0h  于 2023-02-06  发布在  其他
关注(0)|答案(1)|浏览(121)

以下是当前结果:这是我想要的结果。
这里的文字不是问题,只是觉得我需要这个内半径类型的东西
代码:

<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

velaa5lx

velaa5lx1#

只要有一个包含两个元素的父元素即可。

.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>

相关问题