背景圖片
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>背景圖片</title>
<style>
.box {
width: 300px;
height: 300px;
background-color: orangered;
}
.box {
/*顯示比屏幕大的圖片：縮放尺寸*/
/*background-image: url("img/kj.gif");*/
/*盡量只設置寬，高等比縮放，不失真*/
/*background-size: 300px 300px;*/
}
.box {
/*顯示比屏幕小的圖片：處理平鋪與位置*/
background-image: url("img/lss.jpg");
/*平鋪: repeat-x repeat-y repeat no-repeat*/
background-repeat: no-repeat;
/*位置*/
/*1.只設置x軸，y軸默認center*/
/*2.x軸：left center right 具體像素 百分百*/
/*2.y軸：top center bottom 具體像素 百分百*/
background-position: center center;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
