CSS边框 - 只是该行的一部分

Question

有没有办法如何使用CSS(理想)绘制元素边框,但只是一部分线(在左右边框下方的图像)？

Answer 1

是的,您可以像这样,甚至IE8都可以这样做:

div {
    position: relative;
    width: 100px;
    padding: 10px;
}
div:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    border: 1px solid black;
    border-top-width: 0;
}

<div>Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello </div>