CSSで背景画像を設定する方法-フロントエンドQ&A-php.cn

CSSで背景画像を設定する方法

藏色散人

リリース： 2023-01-05 16:10:41

オリジナル

9652 人が閲覧しました

CSS で背景画像を設定する方法: 最初に HTML サンプルファイルを作成し、次に本文に div を作成し、最後に「background-image: url("images/22.jpg") を通じて設定します」 ;" 属性単なる背景画像。

CSSで背景画像を設定する方法

この記事の動作環境: 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>

ログイン後にコピー

レンダリング:

CSSで背景画像を設定する方法

background 属性値:

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

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

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

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

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

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

background-attachment 背景画像を固定するかスクロールするかを設定しますページの残りの部分

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

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