CSSで全画面背景画像を設定する方法

王林
リリース: 2020-11-20 11:19:39
オリジナル
4259 人が閲覧しました

CSS で全画面背景画像を設定する方法: [overflow:hidden;background-position:center center;] のように、background 属性と overflow 属性を使用して設定できます。

CSSで全画面背景画像を設定する方法

本文、HTML 設定

(学習ビデオ共有: css ビデオ チュートリアル)

html,body{
    height: 100%;
}
ログイン後にコピー

画像が配置されている div の設定

.wrapper{
    background:#000000 url("../../img/login/login.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
ログイン後にコピー

関連する推奨事項: CSS チュートリアル

以上がCSSで全画面背景画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート