CSS3 - 画像の一部を背景に使用する

-5

いくつかの画像を背景として使用したいが、画像を制御することはできない。画像が500px x 500pxの場合、CSS3だけで画像を200px x 200pxに縮小し、中央から100px x 100pxを使用できますか？CSS3 - 画像の一部を背景に使用する

出典

2016-06-12 tommyd456

あなたは、いくつかの画像やあなたのコードで、このためにjsfiddleを作成することができます。 – frnt

CSSでイメージのサイズを変更することは可能です。しかし、これについてはすでにいくつかの質問があり、この種の情報は検索するだけで簡単にアクセスできます。 'width：100％;を追加してみてください。 height：auto; 'をdivのCSSに設定すると、画像のサイズが美しくなるはずです。 –

この[post]（http://stackoverflow.com/questions/7864448/background-size-in-shorthand-background-property-css3）を見ると、正しい方向に向けるかもしれません。 –

あなたはこのようなものを使用することができます

div { 
width:100px; 
height:100px; 
background-size: 200px 200px; 
background-position: center; 
background-image: 'your image here'; 
}

出典

2016-06-12 15:19:09 Rens

CSS3 - 画像の一部を背景に使用する

答えて

関連する問題