CSS是一種強大的樣式表語言，它可以用來設置網站頁面元素的樣式和排版，其中一個常用的功能就是在網頁中插入圖片。通過CSS，我們可以輕松地獲取圖像在網頁中的具體位置和大小，讓我們更好地控制圖片的展示效果

.container {
position: relative;
width: 500px;
height: 500px;
}
.image {
position: absolute;
top: 50px;
left: 50px;
width: 400px;
height: 400px;
background-image: url('image.jpg');
background-position: center center;
background-size: cover;
}

在上面的代碼中，我們首先定義了一個包含圖片的容器，設置了容器的寬度和高度，以及相對定位的屬性。接著，我們定義了圖片的樣式，將其設為絕對定位，設置了在容器中的位置坐標，并指定了圖片的寬度和高度。最后，我們使用了CSS的background-image屬性來指定圖片的URL路徑，并使用background-position和background-size屬性來控制圖片在容器中的顯示效果。在這個例子中，我們將圖片的位置設置在容器的左上角，同時根據容器大小自動縮放圖片，讓其在容器中居中顯示。

通過這種方式，我們可以輕松地使用CSS來獲取圖片在網頁中的具體位置和大小，并根據需求靈活地進行調整。在實際開發中，我們可以結合動態效果和交互效果，創建更加生動、豐富的網站頁面，提升用戶體驗和網站的品質。