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

Pet*_*etr 2 css

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

在此输入图像描述

LGS*_*Son 6

是的,您可以像这样,甚至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;
}
Run Code Online (Sandbox Code Playgroud)
<div>Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello </div>
Run Code Online (Sandbox Code Playgroud)