ホームページ > 記事 > ウェブフロントエンド > CSSで背景画像を設定する方法
CSSで背景画像を設定する方法
- 藏色散人オリジナル
- 2021-04-23 09:12:579626ブラウズ
CSS で背景画像を設定する方法: 最初に HTML サンプル ファイルを作成し、次に本文に div を作成し、最後に「background-image: url("images/22.jpg") を通じて設定します」 ;" 属性 単なる背景画像。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
css は、background-image 属性を通じて背景画像を設定できます。background-image 属性は、要素の背景画像を設定するために使用されます。
要素の背景は、パディングと境界線を含む要素の合計サイズです (マージンは含まれません)。デフォルトでは、背景画像は要素の左上隅に配置され、垂直方向と水平方向の両方に繰り返されます。
css 構文:
background-image：url|none|inherit
background-image 属性値:
url 画像の URL
none 画像の背景は表示されません。これはデフォルトです。
inherit は、背景画像が親要素から継承されることを指定します。
[推奨学習: css ビデオ チュートリアル ]
例:
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 300px;
background-image: url("images/22.jpg");
}
</style>
</head>
<body>
<div></div>
</body>
</html> レンダリング:
background 属性値:
background-color は、使用する背景色を指定します
background-position は背景画像の位置を指定します。
background-size は背景画像のサイズを指定します。
background-repeat は背景画像の繰り返し方法を指定します。
background -origin 背景画像の配置領域を指定します
background-clip 背景画像の描画領域を指定します
background-attachment 背景画像を固定するかスクロールするかを設定しますページの残りの部分
#background-image 使用する背景画像を 1 つ以上指定します
以上がCSSで背景画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。