實現CSS設置加載圖片位置 在制作網站時，用到圖片是很常見的事情，但是在頁面布局時，有些圖片需要調整它的位置。這時候，我們就需要用CSS來實現對圖片位置的設定。 在CSS中，我們可以使用`background-image`屬性來引用圖片，其中，我們可以設置`background-position`屬性來設定圖片的位置。`background-position`屬性的取值可以是`length`,`percentage`或者`keyword`，如果是兩個值組成的，那么第一個值表示圖片在水平方向上的位置，第二個值表示在垂直方向上的位置。 下面是一個實例，通過CSS設置圖片的位置： `````` 在這個實例中，我們使用CSS設置背景圖片的位置為中心點，并且不重復顯示。`.bg`類設置了`background-image`屬性為`example.jpg`，并且調整了`background-position`屬性為`center`。 除了`center`外，`background-position`屬性還有很多其他的取值，如下表所示： |值|描述| |:--|:--| |left|圖片在左邊| |right|圖片在右邊| |top|圖片在頂部| |bottom|圖片在底部| |center|圖片在中心| |length|以像素為單位設定圖片位置| |percentage|以百分比為單位設定圖片位置| 如果`background-position`屬性只有一個值，那么默認是水平方向的位置，例如`background-position: left;`表示圖片在左邊。 需要注意的是，如果一張圖片比容器的尺寸大，那么圖片將會被裁剪掉，就算我們設置了合適的位置。這時候，使用`background-size`屬性可以將圖片縮放，使其適應容器。例如： `````` 在這個實例中，我們在`.bg`類中增加了`background-size`屬性，并且設置為`cover`，表示縮放圖片，以填充整個容器。 總結：使用CSS控制圖片的位置可以更好地實現網站的設計需求，`background-position`和`background-size`屬性是其中常用的實現方式，接下來，我們可以根據需要靈活運用這些屬性來實現各種圖片效果。