ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSで背景画像を追加する方法
CSSで背景画像を追加する方法
- 藏色散人オリジナル
- 2021-03-22 14:34:1710981ブラウズ
CSS に背景画像を追加する方法: 最初に HTML サンプル ファイルを作成し、次に div を作成し、最後に「background-image:url(1.jpg);」属性を使用して背景画像を設定します。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 パソコン
css では背景画像を渡すことができます。属性または背景属性を使用して背景画像を設定します。 Background-image 属性は、要素の背景画像を設定するために使用されます。background 属性は、1 つのステートメントですべての背景属性を設定できる短縮属性です。
background 属性値:
background-color は、使用する背景色を指定します。
background-position は、背景画像の位置を指定します。
background- size 背景を指定します 画像のサイズ
background-repeat 背景画像の繰り返し方法を指定します
background-origin 背景画像の配置領域を指定します
background-clip 背景画像の描画領域を指定します
background-attachment 背景画像が固定されるか、ページの残りの部分と一緒にスクロールするかを設定します
background-image 1 つ以上を指定します使用する背景画像
要素の背景は、パディングと境界線を含む要素の合計サイズです (マージンは含まれません)。デフォルトでは、背景画像は要素の左上隅に配置され、垂直方向と水平方向の両方に繰り返されます。
[推奨学習: css ビデオ チュートリアル ]
例:
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 360px;
background-image:url(1.jpg);
/*background:url(1.jpg);*/
background-size:450px;/*设置图片大小*/
}
</style>
</head>
<body>
<div></div>
</body>
</html>レンダリング:
以上がCSSで背景画像を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。