【问题标题】:Rectangle border with specific length具有特定长度的矩形边框
【发布时间】:2022-12-12 00:14:50
【问题描述】:

我正在尝试使用 html 和 css 创建以下内容 它是带有特定长度边框的矩形,从顶部中心开始, 矩形周围的长度应​​以百分比指定, 所以左边的矩形应该有长度为 30% 的边框,右边应该有 45% 的长度。

我尝试了很多东西,比如渐变,但没有成功

【问题讨论】:

    标签: html css


    【解决方案1】:

    仅使用 html 和 css 是不可能的。如果您使用 box-shadow: inset 0 0 0 5px 制作边框,您可以在其顶部使用另一个元素,该元素具有带有硬色标的圆锥渐变以隐藏框阴影中不需要的部分。色标的百分比决定了显示的数量。 线上的圆角不可能像这样。

    【讨论】:

      猜你喜欢
      • 2010-10-12
      • 1970-01-01
      • 1970-01-01
      • 2019-04-07
      • 1970-01-01
      • 2019-08-04
      • 1970-01-01
      • 2012-06-13
      相关资源
      最近更新 更多