【发布时间】:2022-12-12 00:14:50
【问题描述】:
我正在尝试使用 html 和 css 创建以下内容 它是带有特定长度边框的矩形,从顶部中心开始, 矩形周围的长度应以百分比指定, 所以左边的矩形应该有长度为 30% 的边框,右边应该有 45% 的长度。
我尝试了很多东西,比如渐变,但没有成功
【问题讨论】:
我正在尝试使用 html 和 css 创建以下内容 它是带有特定长度边框的矩形,从顶部中心开始, 矩形周围的长度应以百分比指定, 所以左边的矩形应该有长度为 30% 的边框,右边应该有 45% 的长度。
我尝试了很多东西,比如渐变,但没有成功
【问题讨论】:
仅使用 html 和 css 是不可能的。如果您使用 box-shadow: inset 0 0 0 5px 制作边框,您可以在其顶部使用另一个元素,该元素具有带有硬色标的圆锥渐变以隐藏框阴影中不需要的部分。色标的百分比决定了显示的数量。
线上的圆角不可能像这样。
【讨论】: