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

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

王林
リリース: 2023-01-06 11:13:11
オリジナル
10254 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート