如何制作左边高度？

Question

如何制作border-left高度属性iHve只有一个属性h4，我想添加高度的边框左侧如何可能？在这里也是标题，所以我们不能把高度放在一边，所以任何人都可以帮助我吗？

Answer 1

由于边框的高度始终与边框的高度相同，因此除了更改元素本身的高度外，您无法控制高度。但是你可以在元素上创建一个伪元素，并设置该元素的高度，并为伪元素赋予边框。

h4:before {
    height: 15px;
    width: 0px;
    content: ' ';
    border-left: 2px solid red;
    position/top/left as you see fit.
}

Answer 2

我认为不可能为边界设置一个高度，它将与元素一样高。也许使用图像代替你可以控制的东西。

如果你愿意的话，你可以这样做。

Click Here

您可以看到第一个<div>设置所有内容的高度，第二个具有相同的边框线。 .test1有一条虚线，.test2有一条实线，这表明它们在同一条线上。使用它可以让您看起来像设置.test1的边框，但您确实有另一个<div>设置边框。

或者在你的条款中这样。 Click here

希望这会对你有所帮助。

Answer 3

边框可以有厚度，而不是高度。它们的高度取决于容器的高度。因此，在示例中，如果您的H4高度为40px，则您的边框高度为40px。尝试使用line-height作为修改h4元素的补充：）

Answer 4

我不认为有任何属性可以控制边界的高度。毕竟顾名思义＆＃34;它是一个边界＆＃34;但你可以做的是给你的h4元素提供或删除填充以控制边框的高度

Answer 5

CSS中没有任何边框高度属性，而不是边框​​，您可以添加边框图像和所需高度。

Answer 6

这样做..

    <h2>
        <div style="border-left:1px solid black;height:yourheight:width:5px;position:absolute;">&nbsp;
        </div>
        //your title name
    </h2>

<强>输出

根据需要在行和标题之间留出空格..

Answer 7

你可以这样做！

<div style="border-left:1px solid black;
height:0px;
width: 0px;
position:absolute;"> 

Lorem Upsim etc.

</div>