??
英[?b?kgra?nd] 美[?b?k?ɡra?nd]
n.(?? ?) ???; ?? ??; ?? ??
size英z]美[ sa?z]
n. ??, ??; ??, ??
vt. ?? ??...; ?? ??
3?? ??: Sizes ???: Sizes ????: sizing ????: ised ????: ised
CSS ?? ?? ?? ???
?? ?? ??? ??? ??????
background-size ??? ?? ???? ??? ??? ? ????. ??: background-size: length|percentage|cover|contain; ?? ? ?? ???? ?? ??? ??? ????? ?? ? ??? ?? ??? ??? ?????.
??: ?? ???? ??? ?????.
??: ???? ??: ??|???|??|??;
??: length ?? ???? ??? ??? ?????. ? ?? ?? ??? ???? ? ?? ?? ??? ?????. ??? ?? ???? ? ?? ?? "auto"? ?????. ???? ?? ???? ??? ??? ?? ??? ???? ?????. ? ?? ?? ??? ???? ? ?? ?? ??? ?????. ??? ?? ???? ? ?? ?? "auto"? ?????. Cover ?? ???? ?? ??? ??? ?? ? ??? ?? ???? ??? ?? ?????. ?? ???? ??? ?? ?? ??? ???? ?? ? ????. ?? ???? ??? ??? ??? ??? ??? ??? ???? ?? ??? ?????.
??: IE9+, Firefox 4+, Opera, Chrome ? Safari 5+? ?? ?? ??? ?????.
CSS ?? ?? ?? ?
<!DOCTYPE html>
<html>
<head>
<style>
body
{
background:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
background-size:100px 63px;
-moz-background-size:100px 63px; /* 老版本的 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>???? ?? ?
??? ????? ??? "???? ??" ??? ?????