背景画像を数ピクセルクリップすることはできますか？

Question

私は背景イメージの繰り返しパターンを持っています。これは一連の対角線です。画像が背景にタイル張りされているとき、パターンはあまり並んでいません。画像を整理して整列させるには画像を編集する必要がありますか、またはbackground- CSS属性を使用して画像を「クリップ」する方法がありますか？例えば

background: url(../images/patterns/Pattern-YELLOW.png) 5px 10px; 

：

h2 { 
 
     margin: auto; 
 
     margin-left: auto; 
 
     margin-right: auto; 
 
    } 
 
    .orange-title-bar { 
 
     width: 100%; 
 
     display: flex; 
 
    } 
 
    .orange-title-bar:before, .orange-title-bar:after { 
 
     background: url(../images/patterns/Pattern-YELLOW.png); 
 
     content: ''; 
 
     flex: 1; 
 
    }

<span class="orange-title-bar"> 
 
     <h2> 
 
     Title 
 
     </h2> 
 
    </span> 
 

 

Answer 1

それは、単に "移動" そのコンテナで少しイメージを好むかもしれないあなたのように聞こえますか？