如何在圆角内画一条线？

<div class="rounded-container"></div>

.rounded-container {
  border-radius: 10px; /* 设置圆角半径 */
  border: 1px solid black; /* 设置容器边框 */
  width: 200px; /* 设置容器宽度 */
  height: 100px; /* 设置容器高度 */
}

<div class="rounded-container">
  <hr class="rounded-line">
</div>

.rounded-line {
  border: none; /* 移除默认的水平线条样式 */
  height: 1px; /* 设置线条高度 */
  background-color: black; /* 设置线条颜色 */
  margin: 0; /* 移除默认的外边距 */
}

.rounded-line::before,
.rounded-line::after {
  content: ""; /* 必须设置内容为空 */
  display: block; /* 将伪元素转换为块级元素 */
  height: 10px; /* 设置伪元素高度，根据圆角半径调整 */
  background-color: white; /* 设置伪元素背景色，与容器背景色一致 */
  position: relative; /* 设置伪元素相对定位 */
  top: -5px; /* 根据伪元素高度的一半调整位置 */
}

.rounded-line::before {
  left: -5px; /* 根据伪元素宽度的一半调整位置 */
  width: 10px; /* 设置伪元素宽度，根据圆角半径调整 */
}

.rounded-line::after {
  right: -5px; /* 根据伪元素宽度的一半调整位置 */
  width: 10px; /* 设置伪元素宽度，根据圆角半径调整 */
}