我想在 div 的边框左侧画一条小垂直线

Question

如果看不懂，请打开图片。我想在 div

的左边界画一条黑色垂直线

我为我无用的绘画能力道歉。 enter image description here 我必须怎么做才能在 css 中做到这一点？

谢谢。

Answer 1

请查看这个 link ，有一个类似的问题。但总而言之，我还建议您首先尝试使用 css 做一些事情，也许您可以将 jsfiddle link 添加到您目前取得的成就，以便其他人可以提供更好的帮助。

Answer 2

您的HTML代码

<div class="badge">
    <p class="text">New</p>
</div>

CSS 背景

.badge {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 65%, 0 100%);
    background-color : red;
    height: 100px;
    width:50px
}
.text {
    text-align: center;
    padding-top: 35px;
}

您可以将 bennettfeely 用于不同的 css 形状，这将生成形状的剪辑路径

我想在 div 的边框左侧画一条小垂直线

I want to make a small vertical line at left of the border of a div

html

javascript

css

tags

visual-web-developer