html画像の位置を設定する方法は、background-position 属性を画像に追加し、[background-position:center;] などの適切な属性値を設定することです。
![HTMLで画像の位置を設定する方法](https://img.php.cn/upload/article/202106/23/2021062309452750671.jpg)
#この記事の動作環境: Windows10 システム、HTML 5、Thinkpad t480 コンピューター。
背景画像の位置を設定するには、css が提供するbackground-position 属性を使用できます。
bakcground-position 属性は、背景画像の開始位置を設定するために使用されます。その共通の属性値は次のとおりです:
- x% y% 最初の値は水平位置、2 番目の値は垂直位置です。左上隅は 0% 0% です。右下隅は 100% 100% です。値を 1 つだけ指定した場合、他の値は 50% になります。 。デフォルト値は: 0% 0%
- xpos ypos 最初の値は水平位置、2 番目の値は垂直位置です。左上隅は0です。単位はピクセル (0px0px) またはその他の CSS 単位です。値を 1 つだけ指定した場合、他の値は 50% になります。 % と Positions
- inherit を組み合わせて、background-position プロパティ設定を親要素から継承するように指定できます
コード例:
php中文网(php.cn)
注意:该属性工作在 Firefox 和 Opera, background-attachment 属性会被设置为 "fixed"。
ログイン後にコピー
上記のサンプル コードをローカルに保存し、実行して効果を確認できます。
関連ビデオ共有:
html ビデオ チュートリアル
以上がHTMLで画像の位置を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。