#この記事の動作環境: Windows10 システム、HTML 5、Thinkpad t480 コンピューター。 HTML コード内で背景画像の位置を移動したい場合は、background-position 属性を使用できます。この属性をまだ知らない学生も多いと思いますので、以下でこの属性について紹介しましょう。HTML 背景画像の位置を設定する方法は、background-position 属性を背景画像に追加し、[background-position:center;] などの適切な属性値を変更することです。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; } </style> </head> <body> <p><b>注意:</b>该属性工作在 Firefox 和 Opera, background-attachment 属性会被设置为 "fixed"。</p> </body> </html>
You上記を変更できます。コードをローカルにコピーして実行し、効果を確認します。
関連ビデオ共有:
html ビデオ チュートリアル以上がHTMLで背景画像の位置を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。