一、背景定位 同一個標簽可以同時設置背景顏色和背景圖片，如果顏色和圖片同時存在，那麼圖片會覆蓋顏色 1.在CSS中有一個叫做background-position：屬性，就是專門用來控制背景圖片的位置 2.格式：background-position:值1 值2； 值1的取值範圍：left cent ...
一、背景定位
同一個標簽可以同時設置背景顏色和背景圖片，如果顏色和圖片同時存在，那麼圖片會覆蓋顏色
1.在CSS中有一個叫做background-position：屬性，就是專門用來控制背景圖片的位置
2.格式：background-position:值1 值2；
值1的取值範圍：left center right
值1代表背景圖片的水平位置
值2的取值範圍：top center bottom
值2代表背景圖片的垂直位置
值1和值2也可以設置像素值，來分別表示距離最左邊和最上邊的像素值(註意可以接受負值，也就是左上角就是坐標的原點，圖片的左上角就是坐標值的大小)，記住一定要帶單位。預設值為：left top
例子：
<style> .box{ height: 1000px; width: 1000px; background-image: url("image/snow.jpg"); background-repeat: no-repeat; background-position: center center; } </style> </head> <body> <div class="box"> </div>
3.使用方式：
我們使用背景圖片，而不是使用img標簽，這是因為，當我們使用img標簽的時候，如果圖片很大那麼下麵就會有滾動條，但是這種網頁是很垃圾的，因為展示出來首頁，就是讓大家看的，加一個滾動條很不舒服。那我們用小圖片不就得了，這其實也不行，因為我們每個人的屏幕解析度大小都不同，因此需要一張較大的背景圖片來解決上面的問題。
二、源碼：
d97_background_location.html
地址:
https://github.com/ruigege66/HTML_learning/blob/master/d97_background_location.htm
2.CSDN：https://blog.csdn.net/weixin_44630050（心悅君兮君不知-睿）
3.博客園：https://www.cnblogs.com/ruigege0000/
4.歡迎關註微信公眾號：傅里葉變換，後臺回覆“禮包”獲取Java大數據學習視頻禮
