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>