使HTML div更出色

时间:2018-09-04 11:02:28

标签: html css background

有什么方法可以使背景如下图所示。

enter image description here

我应该使用三个div类来创建这种背景。我不清楚。我试图从Google找到一种方法。但是我不能。请帮助我。

1 个答案:

答案 0 :(得分:2)

您可以使用单个图像作为背景,也可以使用两个图像作为背景-顶部,然后是底部。第二种方法对于响应式布局可能更好,但我不知道有足够的细节能够说出这两种方法。

使用两个背景图片看起来像这样:

.yourclass {
    background-image:url(yourimage.png), url(yourotherimage.png);
    background-position:top left, bottom right;
}