ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 背景に関する常識

CSS 背景に関する常識

零下一度
零下一度オリジナル
2017-05-02 13:33:591747ブラウズ

1. ラベルの背景色の設定方法
CSSにはbackground-color:属性があり、背景色の設定に特別に使用されます

値:
特定の単語
rgb
rgba

hex

2. 背景画像を設定するにはどうすればよいですか?
CSS には、background-image という属性があります。これは、背景画像を設定するために特別に使用されます。

1 には、画像のアドレスを指定する必要があります。アドレスはローカル アドレスでもネットワーク アドレスでも構いません
2. 画像のサイズがラベルほど大きくない場合は、自動的に水平方向と垂直方向に並べて埋められます
3.画像が Web ページに表示されます。その後、ブラウザーは画像を取得するためにリクエストを再度送信します

3. 背景画像のタイリングを制御するにはどうすればよいですか? CSS には、background-repeat 属性があります。これは、背景画像のタイル表示方法を制御するために特別に使用されます。
値:

repeat デフォルトでは、水平方向と垂直方向の両方にタイル表示されます。
リピートなし 水平方向でも垂直方向でもないタイル
repeat-x タイルを水平方向
repeat-y タイルを垂直方向
アプリケーションシナリオ:

背景画像を平坦化することができます ショップで画像のサイズを縮小できますウェブページのアクセス速度を向上させます

4; 背景画像の位置を制御するには?
CSSには背景画像の位置を制御するために特別に使用されるbackground-position属性があります

2. フォーマット
background-position: 水平方向垂直方向;値
3.1 特定の位置名詞
水平方向: 左中央右
垂直方向: 上中央下

3.2 特定のピクセル
例:background-position: 100px 200px;
単位、つまり px を記述してください
特定のピクセルは負の数値を受け入れます

注:
色と画像の場合、同じタグで背景色と背景画像を同時に設定できます。同時に存在すると、画像が色を上書きします。

5. 背景属性の省略形
background: 背景色、背景画像の関連付け方法、配置方法

2. 背景属性では、任意の属性を使用できることに注意してください。省略します
3.関連付け方法とは何ですか?

デフォルトでは、スクロールバーのスクロールに合わせて背景画像もスクロールします。スクロールバーのスクロールに合わせて背景画像もスクロールしたくない場合は、背景画像とスクロールバーの関係を変更できます
4 .背景の関係を変更するにはどうすればよいですか?

背景の関連付け方法を具体的に変更する CSS には、background-attachment 属性があります
background-attachment:scroll;

value
scroll; デフォルト値は、スクロールバー スクロール中にスクロール
固定 スクロールバーのスクロールに合わせてスクロールしません


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

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