ホームページ > 記事 > ウェブフロントエンド > CSS 背景に関する常識
1. ラベルの背景色の設定方法
CSSにはbackground-color:属性があり、背景色の設定に特別に使用されます
値:
特定の単語
rgb
rgba
hex
2. 背景画像を設定するにはどうすればよいですか?
CSS には、background-image という属性があります。これは、背景画像を設定するために特別に使用されます。
1 には、画像のアドレスを指定する必要があります。アドレスはローカル アドレスでもネットワーク アドレスでも構いません
2. 画像のサイズがラベルほど大きくない場合は、自動的に水平方向と垂直方向に並べて埋められます
3.画像が Web ページに表示されます。その後、ブラウザーは画像を取得するためにリクエストを再度送信します
3. 背景画像のタイリングを制御するにはどうすればよいですか? CSS には、background-repeat 属性があります。これは、背景画像のタイル表示方法を制御するために特別に使用されます。 4; 背景画像の位置を制御するには? 5. 背景属性の省略形
値:
repeat デフォルトでは、水平方向と垂直方向の両方にタイル表示されます。
リピートなし 水平方向でも垂直方向でもないタイル
repeat-x タイルを水平方向
repeat-y タイルを垂直方向
アプリケーションシナリオ:
背景画像を平坦化することができます ショップで画像のサイズを縮小できますウェブページのアクセス速度を向上させます
CSSには背景画像の位置を制御するために特別に使用されるbackground-position属性があります
2. フォーマット
background-position: 水平方向垂直方向;値
3.1 特定の位置名詞
水平方向: 左中央右
垂直方向: 上中央下
3.2 特定のピクセル
例:background-position: 100px 200px;
単位、つまり px を記述してください
特定のピクセルは負の数値を受け入れます
注:
色と画像の場合、同じタグで背景色と背景画像を同時に設定できます。同時に存在すると、画像が色を上書きします。
background: 背景色、背景画像の関連付け方法、配置方法
2. 背景属性では、任意の属性を使用できることに注意してください。省略します
3.関連付け方法とは何ですか?
デフォルトでは、スクロールバーのスクロールに合わせて背景画像もスクロールします。スクロールバーのスクロールに合わせて背景画像もスクロールしたくない場合は、背景画像とスクロールバーの関係を変更できます。
4 .背景の関係を変更するにはどうすればよいですか?
背景の関連付け方法を具体的に変更する CSS には、background-attachment 属性があります
background-attachment:scroll;
value
scroll; デフォルト値は、スクロールバー スクロール中にスクロール
固定 スクロールバーのスクロールに合わせてスクロールしません
以上がCSS 背景に関する常識の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。