背景大小.png
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<style type="text/css">
body{
height: 500px;
}
</style>
背景1
css3背景:透明背景、漸變背景、背景原點(diǎn)控制、背景剪切控制
background : position repeat image color
background-size ： 背景尺寸
length： 長度值指定
percentage： 百分比指定
auto： 真實(shí)大小
<!-- cover：等比縮放到完全覆蓋容器，背景圖像有可能超出容器
把背景圖像擴(kuò)展至足夠大，以使背景圖像完全覆蓋背景區(qū)域。
背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。 -->
contain： 將背景圖像等比縮放到寬度或高度與容器的寬度或高度相等，背景圖像始終被包含在容器內(nèi)
把圖像圖像擴(kuò)展至最大尺寸，以使其寬度和高度完全適應(yīng)內(nèi)容區(qū)域。
<style>
body
{
background-image:url(images/5.jpg);
/*background-size: 300px 500px;*/
/*background-size: auto;*/
/*background-size:800px 600px;*/
/*background-size: cover; */
/*等比縮放 可能超過容器%*/
background-size:contain;
/*百分比指定*/
/*background-size: 30% 100%;*/
/*等比縮放 不可能超過容器
繼承父元素寬高
*/
/*background-size: auto;*/
/*實(shí)際大小*/
background-repeat:no-repeat;
padding-top:40px;
}
</style>
</body>
</html>
