小编Gui*_*ume的帖子

在伪元素之前和之后使用来创建一条线

我使用伪元素:before:after前一个标题后画一条线.它正在使用图像:

.mydiv::before {
content: url(img/line.png);}
.mydiv::after {
content: url(img/line.png);}
Run Code Online (Sandbox Code Playgroud)

结果如下:

你可以看到前后1px白色水平线

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

线路到达div的两侧

有没有办法为图像指定一个百分比来拉伸?我试试这个,但它不起作用:

.mydiv img {
  width: 100%;
  height: auto;
}
Run Code Online (Sandbox Code Playgroud)

html css

10
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

html ×1