ホームページ > 記事 > ウェブフロントエンド > CSSで背景画像を並べないように設定する方法
CSSで背景画像を並べないように設定する方法
- 醉折花枝作酒筹オリジナル
- 2021-04-09 17:21:048922ブラウズ
方法: 1.background-attachment 属性を構文「background-attachment:fixed」で使用します。2.background-repeat 属性を構文「background-repeat:no-repeat」で使用します。
このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
背景画像は繰り返されたり、並べられたりしません。次のように背景を設定できます:
1. このようにして、背景画像は固定され、繰り返されなくなります。ページがスクロールするにつれて。
<body style="background-image: url("图片文件地址"); background-attachment: fixed;">2. どの画面サイズでも画像が繰り返されないようにするには、次のように背景を設定します (画像はタイル状に表示されません):
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">推奨学習: cssビデオチュートリアル
以上がCSSで背景画像を並べないように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでdivのちらつきを実現する方法次の記事：CSSでdivのちらつきを実現する方法