ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでローカル画像を導入する方法とは

CSSでローカル画像を導入する方法とは

王林
王林オリジナル
2021-02-24 16:05:279083ブラウズ

CSS でローカル画像を導入する方法: [background:url(images/2.jpg) no-repeat;] などの背景属性を使用できます。背景プロパティは、1 つのステートメントですべての背景プロパティを設定します。

CSSでローカル画像を導入する方法とは

#この記事の動作環境: Windows10 システム、css3、thinkpad t480 コンピューター。

属性の紹介:

background は、1 つのステートメントですべての背景属性を設定できる短縮属性です。

次のプロパティを設定できます:

  • background-color

  • ##background-position
  • background-size
  • background-repeat
  • background-origin
  • background - クリップ
  • background-attachment
  • background-image
  • 特定の方法:


CSSでローカル画像を導入する方法とは実行結果:

CSSでローカル画像を導入する方法とは関連する推奨事項:

CSS チュートリアル

以上がCSSでローカル画像を導入する方法とはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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