css - 有什么方法可以为框声明大小/部分边框？

Question

有什么方法可以在 CSS 中为框声明大小/部分边框？例如，一个 350px 的框只在其第一个 60px 中显示边框底部。我认为这可能非常有用。

例子:

Answer 1

不是真的。但是以优雅降级且不需要多余标记的方式实现效果非常容易:

div {
  width: 350px;
  height: 100px;
  background: lightgray;
  position: relative;
  margin: 20px;
}

div:after {
  content: '';
  width: 60px;
  height: 4px;
  background: gray;
  position: absolute;
  bottom: -4px;
}

<div></div>