CSS は image_Experience 交換の背景画像を設定します

CSS の機能は非常に強力です。要素のパフォーマンスやページのレイアウトに非常に強力な機能を提供します。これは主に当社の柔軟な運用によるものであり、この点に関して、豊富で価値のあるチュートリアルや情報を提供しています。画像の使用に関しては、実際にはコンテンツ レベルでの使用になります。 WEB標準の考え方に従い、プレゼンテーション層の画像をCSSに分離しました。 IMG タグを使用してページに挿入できるのは、コンテンツとしての画像のみです。これも重要なセマンティクスです。

写真の背景画像を設定することは、非常に実用的な例です。この文は少しおかしく感じるかもしれません。ページ内に導入する画像の背景画像をIMGタグで設定します。この種の応用範囲は大きくないかもしれませんが、思考を訓練し、HTML と CSS の要素の意味と柔軟性を理解することができます。
以下のコードを見てみましょう。


imgタグでページ内に画像を導入します。

もう一度CSSを書いてみましょう。


img {
display:block;
width:443px;
height:60px;
padding-bottom:10px;
background:url(jb52bg. jpg) no-repeat leftbottom;
}
img要素をblock要素に変換し、幅と高さを設定します。下部のパディングを 10px に設定します。背景画像を表示するためのスペースを確保します。最後に背景画像を定義します。
この小さな例から、CSS の柔軟性と強力な機能がわかります。