Html 如何为周计划程序UI设置跨元素样式

我有以下测试HTML代码：

<div class="slider" day="mon">
  <span id="one" class="slider-segment"></span>
  <span class="slider-button" style="left: 25%;" key="1"></span>
  <span id="two" class="slider-segment"></span>
  <span id="three" class="slider-segment"></span>
</div>

能否更新HTML和CSS，使其更好地代表[，可复制的示例）供我们查看和测试。它已经尽可能小了，我无法从中获得更多信息而不破坏要点。您的代码片段与截图差别很大。您是否试图实现与截图完全相同的设计和布局？关于：圆角，您将使用

边框半径

。单个值f或者使用

边框左下半径

或

边框右上半径

作为示例的所有角点或目标角点。我的代码片段是我知道如何编码的，图片是我想要存档的示例