:before content image のサイズを指定する

:beforeなどの擬似要素を使った画像の場合、widthやheightを指定することができませんが、工夫をすると、サイズのコントロールが可能になります。

コンテンツの背景として画像を設定する

.entry-title:before{
 margin:0 10px 0 0;
 content:" ";
 display:inline-block;
 width:80px;
 height:60px;
 background:url( http://www.tenman.info/images/DSCF0024.jpg); 
 background-size:contain;
 vertical-align:middle;
}


新着記事

コメントは受け付けていません。