※ ChatGPTを利用し、要約された質問です(原文:cssで、imgタグに、背景画像を敷きたい)
このQ&Aのポイント
CSSを使用してimgタグに背景画像を敷く方法について教えてください。
現在、imgタグに背景画像を指定する方法が分からずに困っています。
imgタグに背景画像を敷くためのCSSの設定方法を教えてください。
cssで、imgタグに、背景画像(影)を敷く方法を教えてください。
※divタグに敷く方法は分かるのですが、imgタグに敷く方法が分かりません。
■現状
<HTML>
<div id="hoge">
<img src~
<CSS>
#hoge img {
background-image:url(/images/background_shodow.jpg);
background-repeat: none;
background:position: ?
width:?
height:?
margin:?
padding:?;
<影の大きさ>
・width400px
・height200px
<写真のサイズ指定>
・width390px
・height190px
※これまでは、
写真のサイズが違うので、
css部分の#hoge img で、
画像の大きさを強制指定してました。
出来れば、
画像の大きさは、html側で指定せずに、
css側で調整したいです。
ムリなら、html側で大きさ指定します。
div枠にcss設定できれば早いかと思いますが、
それが出来ないため(img タグにしかcss指定不可)の相談です。
よろしくお願いします。
お礼
回答ありがとうございました。