有什么方法可以为框声明大小/部分边框? [英] Any way to declare a size/partial border to a box?

问题描述

有什么方法可以在 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>

这篇关于有什么方法可以为框声明大小/部分边框?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！