ウェブページ背景に画像を設定する方法【CSS完全ガイド】
ウェブページの背景に画像を追加するには、CSSスタイルを使用することができます。以下はよく使われる方法です:
- CSSファイルに次のスタイルコードを追加してください。
body {
background-image: url('path/to/your/image.jpg');
background-size: cover; /* 图片会被拉伸或压缩以适应整个屏幕 */
background-position: center; /* 图片位置居中 */
background-repeat: no-repeat; /* 不重复显示图片 */
}
- 上記のコード内の ‘path/to/your/image.jpg’ を、背景に設定したい画像のパスに置き換えてください。
- HTMLファイルにCSSファイルをリンクして、スタイルが正しく適用されることを確認してください。
- ページを更新すると、背景が追加されて画像がページの背景に表示されるはずです。
異なる画面サイズや解像度でもクリアに表示されるよう、高解像度の画像を選択してください。