ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLで画像の位置を設定する方法
HTMLで画像の位置を設定する方法
- 王林オリジナル
- 2021-06-23 10:12:2618519ブラウズ
html画像の位置を設定する方法は、background-position 属性を画像に追加し、[background-position:center;] などの適切な属性値を設定することです。
- x% y% 最初の値は水平位置、2 番目の値は垂直位置です。左上隅は 0% 0% です。右下隅は 100% 100% です。値を 1 つだけ指定した場合、他の値は 50% になります。 。デフォルト値は: 0% 0%
- xpos ypos 最初の値は水平位置、2 番目の値は垂直位置です。左上隅は0です。単位はピクセル (0px0px) またはその他の CSS 単位です。値を 1 つだけ指定した場合、他の値は 50% になります。 % と Positions
- inherit を組み合わせて、background-position プロパティ設定を親要素から継承するように指定できます
<!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> 上記のサンプル コードをローカルに保存し、実行して効果を確認できます。 以上がHTMLで画像の位置を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLでフォントを太字にする方法次の記事：HTMLでフォントを太字にする方法