有没有办法在CSS中声明框的大小/部分边框?例如,包含350px的框在其前60px中只显示边框底部.我想这可能会很有用.

示例:

enter image description here enter image description here

推荐答案

不是真的.但是,以一种优雅的方式实现效果非常容易,而且不需要多余的标记:

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>

Css相关问答推荐

Tailwind仅在启用时才在按钮上设置group-hover

如何将表格单元格的最后一个子级与单元格底部对齐?

Angular Material:如何同时使用2个徽章

我应该在哪里放置expo /Reaction本地项目的CSS重置文件?

如何根据屏幕宽度覆盖SCSS变量?

如何使用遮罩创建手绘SVG动画

如何在 CSS 中使 Flex 容器内的网格响应,而不 destruct 外部 Flex 容器的布局?

Prettier/VS Code 在 CSS 中的 !important 之前添加一个空格,导致它在 WordPress 中崩溃

为什么 KaTeX 的彩虹文本只能在 Firefox 上运行?

基于高度的容器查询不起作用

SASS 中的计算表达式

更改 20 个实例中的一个组件的样式

在 css Select 器中匹配 unicode char

同一元素的文本和背景之间的图层

Angular (13) material - 覆盖 CSS 文件不起作用

仅对父容器应用模糊效果

如何使表格中一行的最后一个单元格占据所有剩余宽度

我如何*真正*证明 HTML+CSS 中的水平菜单?

CSS:悬停一个元素,多个元素的效果?

我可以在 css 中指定 maxlength 吗?