html 如何在CSS中将顶部栏移到左侧？

oknrviil 于 2022-12-02 发布在其他

关注(0)|答案(4)|浏览(178)

我有一个div，上面显示了一个红色的条。我一直想把这个条移到左边，让它看起来像一个左边的边框，但是没有任何运气。有人知道如何用这个代码让它看起来像一个左边的边框吗？提前感谢！
第一个

4条答案

此示例调整了::after的位置，使红色边框显示在左侧，希望接近所需的结果。
第一个

也许只是简化为一个边界？
第一个

您可以在容器类上设置border-left: 6px solid red;并从.container::after中删除background-color: red;
另外，如果你想保留灰色边框，只需将该样式应用到容器的每一侧，如下所示：

border-top: 2px solid #e1e4e8;
  border-bottom: 2px solid #e1e4e8;
  border-right: 2px solid #e1e4e8;

请参阅以下片段：
第一次

您还可以使用混合边框样式，并对上、下和右边框使用隐藏边框。