ホームページ > 記事 > ウェブフロントエンド > HTMLで背景画像の位置を設定する方法
HTMLで背景画像の位置を設定する方法
- 王林オリジナル
- 2021-06-17 14:56:3513497ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLでaタグを中央揃えに設定する方法次の記事：HTMLでaタグを中央揃えに設定する方法