html - 两张背景图片之间的空格

我第一次在wordpress上工作。我正在尝试将标题添加到背景图像中。标题应如下所示。

直到现在我才能达到这个水平。

我想在两张图片之间留出空间，怎么做？ 我的CSS是

.page-id-157 .widget-title{
height: 45px;
padding-left:70px;

    background-image: url('images/stripe_red_diagonal.png'),url('images/logo_outline_black.png');
    background-repeat: no-repeat;
     background-position:20px 10px;
    }

如何在两个背景图像之间留出空间？任何帮助，将不胜感激。

最佳答案：

1 个答案:

答案 0 :(得分：1)

您需要修改由background-position

分隔的第二张图片的,值

150px是距图像起点的水平偏移，应大于第一张图像的大小。

.widget-title {
  height: 45px;
  padding-left: 70px;
  background-image: url('http://placehold.it/100x100'), url('http://placehold.it/100x100/333');
  background-repeat: no-repeat;
  background-position: 20px 10px, 150px 10px;
}

<div class="widget-title"></div>