CSSで背景画像を設定する方法-CSSチュートリアル-php.cn

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

青灯夜游

リリース： 2023-01-03 09:30:57

オリジナル

16724 人が閲覧しました

CSS では、background または background-image 属性を使用して背景画像を設定できます。具体的な構文形式は、「background-image:url('picture url');」または「background:url( '画像の URL') ');」。

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

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

css では、background または background-image 属性を使用して背景画像を設定できます。

background-image プロパティは、要素の背景画像を設定します。構文形式は次のとおりです。

background-image:url(&#39;URL&#39;);

ログイン後にコピー

background 属性は、1 つのステートメントですべての背景属性を設定する短縮属性です。設定できる属性は次のとおりです。

background-color: 使用する背景色を指定します。
background-position: 位置を指定します。背景画像の
background-size: 背景画像のサイズを指定します
background-repeat: 背景画像の繰り返し方法を指定します
background-origin: 背景画像の配置領域を指定
background-clip: 背景画像の描画領域を指定背景画像
##background-attachment: 背景画像を固定するか、ページの残りの部分と一緒にスクロールするかを設定します。
background-image: 使用する 1 つ以上の背景画像を指定します

CSS ビデオチュートリアル

]例: 背景画像の設定

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
body 
{
	background-image:url(&#39;paper.gif&#39;);
	background-color:#cccccc;
	
	/*background:#cccccc url(&#39;paper.gif&#39;);*/
}
</style>
</head>

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

</html>

ログイン後にコピー

レンダリング:

##プログラミング関連の知識の詳細については、次を参照してください: CSSで背景画像を設定する方法プログラミングビデオ＃＃＃！！