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

青灯夜游
リリース: 2023-01-03 09:30:57
オリジナル
16739 人が閲覧しました

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('URL');
ログイン後にコピー

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で背景画像を設定する方法プログラミングビデオ###! !

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

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