ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップで背景を設定する方法

ブートストラップで背景を設定する方法

藏色散人
藏色散人オリジナル
2021-12-28 17:08:599862ブラウズ

ブートストラップの背景を設定する方法: 1. 対応する CSS ファイルを開きます; 2. 「background: url(../img/QQ picture 20200226123957.jpg) no-repeat;」を通じてページの背景を設定します。 。

ブートストラップで背景を設定する方法

#この記事の動作環境: Windows 7 システム、bootsrap3.3.7 バージョン、Dell G3 コンピューター。

bootstrap 背景を設定するにはどうすればよいですか?

BootStrap を使用して Web ページを作成し、全画面ページの背景を設定する方法:

これを言うのはばかげているわけではありませんが、このダブルスのゲームのプレイヤーは、コードの書き方をほとんど忘れています。はい、ページを作成するとき、背景を設定するときに、不可解なエラーが表示され続けます。

ここに記録します。フロントエンドがあまり良くないにもかかわらず、バックグラウンド設定さえ知ることができません。また、初心者やバックエンド作業者がチェックアウトする際の落とし穴を避けるのにも役立ちます。 ! !

css に

body{
    background: url(../img/QQ图片20200226123957.jpg) no-repeat;
    background-size:100%;  
}

と書くだけで済みます つまり、このときの原因はサイズの問題でした。しかし最終的に、以前の CSS がこの設定を上書きしたため、失敗し続けていたことがわかりました。

補足:

値を設定しなくても、background:#ff0000 url('smiley など)は問題ありません。 .gif' ); も許可されます。

この属性は古いブラウザでより適切にサポートされ、入力する必要がある文字が少なくなるため、個々の属性を個別に使用するのではなく、この属性を使用することを一般的にお勧めします。

#デフォルト値: 指定なし継承: バージョン: JavaScript 構文: オブジェクト 推奨される関連ビデオ チュートリアル: "
no
CSS1 CSS3
.style.background="white url(paper.gif)repeat-y"
bootstrap ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。