2015-10-09 62 views
3

我正在第一次使用wordpress。我正在試圖爲標題添加背景圖片。標題應該看起來像這樣。 enter image description here兩個背景圖像之間的空間

直到現在我能夠達到這個水平。 enter image description here

我想兩個圖像之間有空間,怎麼做? 我的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

您需要修改background-position值用於由,

150像素分離的第二圖像在水平從圖像的開始點偏移和應大於所述第一圖像的尺寸更大。

.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>

+1

哇!謝謝 :) –