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

2022-01-30 00:00:00 border css

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

Any way to declare a size/partial border to a box in CSS? For example a box with 350px that only shows a border-bottom in its firsts 60px. I think that might be very useful.

例子:

推荐答案

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

Not really. But it's very easy to achieve the effect in a way that degrades gracefully and requires no superfluous markup:

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>

相关文章