ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > ブートストラップに背景画像を追加する方法

ブートストラップに背景画像を追加する方法

リリース: 2019-07-27 14:13:50
オリジナル
17338 人が閲覧しました

ブートストラップに背景画像を追加する方法

ブートストラップで Web ページに画像を追加するには 2 つの方法があります:

1 つは次のとおりです。 タグは html に直接挿入されます

もう 1 つは、CSS 背景属性を使用して追加する方法です。

推奨事項:方法ブートストラップで背景を設定する 画像適応画面サイズ

中央揃え方法: 水平方向に中央揃え text-align:center and margin:0 auto

概要

CSS2 には主な背景プロパティが 5 つあります。

* 背景色: 塗りつぶされた背景の色を指定します。

* 背景画像: 画像を背景として参照します。

* 背景位置: 要素の背景画像の位置を指定します。

* 背景-繰り返し: 背景画像を繰り返すかどうかを決定します。

* 背景添付: 背景画像がページとともにスクロールするかどうかを決定します。

複数の背景

新しいプロパティ:background-clip

新しいプロパティ:background-origin

新しいプロパティ:background Size (background-size)

新しいプロパティ: (background-break)

背景色の改善 (background-color)

背景タイル (background-repeat)の改善

背景の改善-attachment

新しい属性:background-origin

この属性は、background-position と組み合わせて使用​​されます。背景位置は、境界線、パディング、またはコンテンツ ボックス (背景クリップと同様) から開始して計算できます。

*background-origin:border-box;
境界線を原点としてbackground-positionの計算を開始します。
*background-origin:padding-box;
背景の計算を開始します。 -position
* background-origin: content-box;
コンテンツ ボックスを原点として、background-position の計算を開始します。
background-clip と background-origin の場合

関連する推奨事項: Bootstrap 入門チュートリアル
#

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

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