検索

ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSで背景画像を設定する方法

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

王林
王林オリジナル
2021-05-14 14:22:1210262ブラウズ

CSS で背景画像を設定する方法は、[background-image:url();] などの background-image 属性を使用することです。要素の背景は、パディングと境界線を含む要素のフル サイズを占めますが、マージンは含みません。

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

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

CSS では、background-image 属性を使用して要素の背景画像を設定できます。要素の背景は、パディングと境界線を含む要素のサイズ全体を占めますが、マージンは含みません。

デフォルトでは、背景画像は要素の左上隅に配置され、水平方向と垂直方向に繰り返されます。

例: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
<style>
body 
{
	background-image:url(&#39;https://xxx.com/images/mix/paper.gif&#39;);
	background-color:#cccccc;
}
</style>
</head>

<body>
<h1>Hello World!</h1>
</body>

</html>

関連する学習ビデオの共有:

css ビデオ チュートリアル

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

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

関連記事

続きを見る