CSS是一種用于網(wǎng)頁(yè)設(shè)計(jì)的語言，它可以通過設(shè)置樣式來實(shí)現(xiàn)各種效果。其中，將圖片放在頂部是一種常見的操作。下面是具體的實(shí)現(xiàn)方法：

/* 首先，我們需要設(shè)置圖片的樣式 */
img {
display: block; /* 將圖片設(shè)置為塊級(jí)元素 */
margin: 0 auto; /* 水平居中 */
max-width: 100%; /* 限制圖片最大寬度為父元素的寬度 */
}
/* 接著，設(shè)置容器的樣式 */
.container {
position: relative; /* 將容器設(shè)置為相對(duì)定位，為了讓絕對(duì)定位的圖片能夠相對(duì)于其定位 */
height: 300px; /* 設(shè)置容器的高度 */
}
/* 最后，設(shè)置圖片的位置，這里以將圖片放在容器的頂部為例 */
img {
position: absolute; /* 將圖片設(shè)置為絕對(duì)定位，這樣可以相對(duì)于容器進(jìn)行定位 */
top: 0; /* 將圖片頂部與容器頂部對(duì)齊 */
left: 50%; /* 將圖片的左側(cè)與容器的中心對(duì)齊 */
transform: translateX(-50%); /* 將圖片水平居中 */
}

通過以上代碼的設(shè)置，將圖片放在容器的頂部就可以實(shí)現(xiàn)了。