ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLで画像の位置を設定する方法

HTMLで画像の位置を設定する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-04-26 16:14:0439237ブラウズ

html画像の位置を設定する方法: 1. 新しいファイルを作成し、head タグに input style タグを設定します。 2. 本文のスタイルを設定し、本文に画像を追加します。 3.ブラウザで見る 画像はブラウザの右上隅にあります。

HTMLで画像の位置を設定する方法

#このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューター。

HTML で画像の位置を設定する方法:

1. 画像の位置を設定するには、background-position 属性を使用できます。具体的な方法は、最初に使用することです。 hbuilder ソフトウェアを使用して新しい HTML ファイルを作成し、ファイルの head タグに入力スタイル タグを設定します:

HTMLで画像の位置を設定する方法

2 次に、本文のスタイルを設定し、追加します画像を本文に追加し、非繰り返しに設定し、背景位置を設定します。この属性を使用すると、画像を右上隅に表示できます。この属性の最初のパラメータは上部と下部の位置を制御し、後のパラメータは、設定後、ブラウザに移動して効果を確認します:

HTMLで画像の位置を設定する方法

3. この時点で、画面の右上隅に画像が表示されます。ブラウザ:

HTMLで画像の位置を設定する方法

関連する学習に関する推奨事項: html ビデオ チュートリアル

以上がHTMLで画像の位置を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。