CSS：画像を挿入-それがどのように機能するか

この実用的なヒントでは、CSSを使用して画像を挿入する方法を説明します。基本的に、画像は背景画像の形式でのみここに挿入できます。ただし、それで十分です。

CSSに画像を挿入

たとえば、ロゴなど、CSSを使用してヘッダーに画像を含める場合は、＃headerで次のプロパティを宣言します。

「background：url（image.webp）#FFFFFF;」
ここで、「bild.webp」は、cssファイルに関連する画像へのURLまたはドライブ上の絶対アドレスとして理解されます。
色を使用して、Webサイトで背景色を宣言します。
画像は、「background-position：100px 100px;」などの正確な位置を使用して配置できるようになりました。または、「background-position：bottom right;」など、ウィンドウの端によって決定される相対情報を介して。
イメージが継続的に繰り返されないように、「background-repeat」プロパティの下に「no-repeat」を指定できます。「background-repeat：no-repeat;」のようになります。
プロパティ "background-attachment"を使用すると、画像がスクロールしながら移動するか、ページ上の固定された場所に留まるかどうかを決定します： "background-attachment：fixed;"。
プロパティは、引用符なしでCSSファイルで指定されます。

次の実用的なヒントでは、HTMLを使用してCSSファイルを統合する方法をお読みください。