ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS画像 mosaic_html/css_WEB-ITnose
CSS画像 mosaic_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:10:551399ブラウズ
大きな写真の真ん中に小さな写真を埋め込む方法
ディスカッションへの返信 (解決策)
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> div { width:120px; height:120px; background:url(http://avatar.profile.csdn.net/3/1/9/2_a138762698828.jpg) no-repeat; text-align:center; } img { margin-top:30px; } </style> </head> <body> <div> <img src="http://avatar.profile.csdn.net/3/1/9/2_a138762698828.jpg" width="60" /> </div> </body></html> 元のポスターの意味は何ですか?
おそらくそういうことだと思いますが、小さい写真の位置を調整する方法です
これで小さい写真が中央に配置されました
margin-top:30px; これに従って上部の余白を調整します
外側の位置を基準に位置を追加しますIMG 左上の CSS 属性を使用した div を試してください
500 人が参加する Advanced QQ グループ:
HTML/CSS テクノロジー ゾーン (202023795) CSDN を確認
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。