2017-05-22 27 views
1

背景色を背景色で表現しようとしています。 はここにあなたが代わりにbackground-image & background-colorbackgroundを使用することができます背景色を背景色で表現する方法

.next { 
 
    width: 40px; 
 
\t height: 45px; 
 
\t border-radius: 100%; 
 
     border: 1px solid #000; 
 
\t background-image: url(http://placehold.it/10x10); 
 
     background-color: #fff; 
 
}
<div class="next"></div>

+0

を試してみてください、あなたは何をしたいということです。イメージをいくつかの半透明の色でオーバーレイしようとしていますか? –

+0

あなたのコードは完璧に動作しています –

+1

誰かが私が欲しいものを正確に答えました。 @imsayanありがとう。 –

答えて

3

をチェックすることは、私は完全には理解していないこの

.next { 
 
\t width: 40px; 
 
\t height: 45px; 
 
\t border-radius: 100%; 
 
\t background: #fee8fe url(http://placehold.it/10x10) no-repeat center; 
 
}
<div class="next"></div>

+1

これは私が欲しいものです。ありがとう –

2

、私のコードです。更新スニペット

.next { 
 
    width: 40px; 
 
    height: 45px; 
 
    border-radius: 100%; 
 
    border: 1px solid #000; 
 
    background: #fff url(http://placehold.it/10x10) repeat; 
 
}
<div class="next"></div>