background

UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]

n. (絵画などの) 背景、背景色、背景情報、サウンドトラック

複数形:背景

CSS背景プロパティ 構文

背景属性を使用するにはどうすればよいですか?

background 属性は、1 つのステートメントですべての背景属性を設定できる短縮属性です。基本構文：background:bg-color bg-image location/bg-size bg-repeat bg-origin bg-clip bg-attachmentInitial|inherit;

# 関数: Background 省略表現属性は、1 つのステートメントですべての背景属性を設定します。

#構文:

background:bg-color bg-image location/bg-size bg-repeat bg-origin bg-clip bg-attachmentInitial|inherit;

説明:

次の属性を設定できます: background-color: 使用する背景色を指定します。

background-position: 背景画像の位置を設定します。

background-size: 背景画像のサイズを指定します。

background-repeat: 背景画像を繰り返す方法を指定します。

background-origin: 背景画像の配置領域を指定します。

background-clip 背景画像の描画領域を指定します。

background-attachment: 背景画像を固定するか、ページの残りの部分と一緒にスクロールするかを設定します。

background-image: 使用する 1 つ以上の背景画像を指定します。

注:

IE8 以前のブラウザは、1 つの要素に対する複数の背景画像をサポートしていません。

CSS背景プロパティ 例

<html>
<head>
<style type="text/css">
body
{ 
background: skyblue; 
}
</style>
</head>

<body>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
</body>

</html>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します