我使用伪元素:before和:after前一个标题后画一条线.它正在使用图像:
.mydiv::before {
content: url(img/line.png);}
.mydiv::after {
content: url(img/line.png);}
Run Code Online (Sandbox Code Playgroud)
结果如下:

但是,我希望该行扩展并在标题之前和之后填写整个div,如下所示:

有没有办法为图像指定一个百分比来拉伸?我试试这个,但它不起作用:
.mydiv img {
width: 100%;
height: auto;
}
Run Code Online (Sandbox Code Playgroud)