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

王林
リリース: 2021-06-23 10:12:26
オリジナル
18369 人が閲覧しました

html画像の位置を設定する方法は、background-position 属性を画像に追加し、[background-position:center;] などの適切な属性値を設定することです。

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

#この記事の動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!