背景

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

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

複數(shù)形:backgrounds

size

## English[sa?z] 美[sa?z]

n. スケール; サイズ、サイズ; 接著剤、ペースト Paste ; 巨大な、大きな數(shù)

vt. サイズ順に配置する; サイズを変更する; 接著剤を適用する、サイズを調(diào)整する; ペイントを適用する

adj. 特定のサイズの三人稱単數(shù)

: サイズ 複數(shù)形: サイズ 現(xiàn)在分詞: サイズ過去形: サイズ過去分詞: サイズ

css3の背景サイズプロパティ 構(gòu)文

機(jī)能: 背景畫像のサイズを指定します。

注: CSS3 より前は、背景畫像のサイズは畫像の実際のサイズによって決まりました。 CSS3では背景畫像のサイズを指定できるため、さまざまな環(huán)境で背景畫像を再利用することができます。

CSS3 では、background-size 屬性を使用して背景畫像のサイズを設(shè)定したり、長さの値またはパーセンテージを使用して畫像サイズを設(shè)定したり、cover および contains を使用して畫像を拡大縮小したりできます。

css3の背景サイズプロパティ 例

<!DOCTYPE html>
<html>
<head>
<style> 
body
{
background:url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
background-size:63px 100px;
-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-repeat:no-repeat;
padding-top:80px;
}
</style>
</head>

<body>
<p>上面是縮小的背景圖片。</p>

<p>原始圖片：<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" alt="Flowers"></p>

</body>
</html>

インスタンスの実行 ?

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