background

UK[?b?kgra?nd] US[?b?k?ɡra?nd]

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

複數(shù)形:背景

CSS背景プロパティ 構(gòu)文

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

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

# 関數(shù): Background 省略表現(xiàn)屬性は、1 つのステートメントですべての背景屬性を設(shè)定します。

#構(gòu)文:

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

説明:

次の屬性を設(shè)定できます: background-color: 使用する背景色を指定します。

background-position: 背景畫像の位置を設(shè)定します。

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

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

background-origin: 背景畫像の配置領(lǐng)域を指定します。

background-clip 背景畫像の描畫領(lǐng)域を指定します。

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

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

注:

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

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>

インスタンスの実行 ?

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