W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> body { background-image: url("/i/css/tree.png"); background-repeat: no-repeat; background-position: right top; margin-right: 200px; } </style> </head> <body> <h1>背景画像の位置を指定するには、background-position 属性を使用します。</h1> <p>W3Study は繰り返しを行わず、バックグラウンド インスタンスの位置を設定します。 </p> <p>背景画像が 1 回だけ表示され、テキストとは別に配置されるようになりました。 </p> <p>この例では、背景画像がテキストの邪魔にならないように右マージンも追加しています。 </p> </body> </html>