ホームページ > 記事 > ウェブフロントエンド > CSSで背景画像を設定する方法
CSSで背景画像を設定する方法
- 青灯夜游オリジナル
- 2021-03-22 11:39:1316748ブラウズ
CSS では、background または background-image 属性を使用して背景画像を設定できます。具体的な構文形式は、「background-image:url('picture url');」または「background:url( '画像の URL') ');」。
このチュートリアルの動作環境: 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 つ以上の背景画像を指定します ##[推奨チュートリアル:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body
{
background-image:url('paper.gif');
background-color:#cccccc;
/*background:#cccccc url('paper.gif');*/
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>レンダリング:
##プログラミング関連の知識の詳細については、次を参照してください: 
プログラミングビデオ＃＃＃！ ！
以上がCSSで背景画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。