CSSで背景画像を追加する方法

CSS に背景画像を追加する方法: 最初に HTML サンプル ファイルを作成し、次に div を作成し、最後に「background-image:url(1.jpg);」属性を使用して背景画像を設定します。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 パソコン

css では背景画像を渡すことができます。属性または背景属性を使用して背景画像を設定します。 Background-image 属性は、要素の背景画像を設定するために使用されます。background 属性は、1 つのステートメントですべての背景属性を設定できる短縮属性です。

background 属性値:

background-color は、使用する背景色を指定します。

background-position は、背景画像の位置を指定します。

background- size 背景を指定します 画像のサイズ

background-repeat 背景画像の繰り返し方法を指定します

background-origin 背景画像の配置領域を指定します

background-clip 背景画像の描画領域を指定します

background-attachment 背景画像が固定されるか、ページの残りの部分と一緒にスクロールするかを設定します

background-image 1 つ以上を指定します使用する背景画像

要素の背景は、パディングと境界線を含む要素の合計サイズです (マージンは含まれません)。デフォルトでは、背景画像は要素の左上隅に配置され、垂直方向と水平方向の両方に繰り返されます。

[推奨学習: css ビデオ チュートリアル ]

例:

レンダリング:

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