CSS是一種用于美化網頁的樣式表語言。在CSS中，可以通過給HTML元素添加樣式來實現不同效果的呈現。其中，將圖片放置在框中是一種常見的樣式，下面我們來學習一下。

.box{
width: 300px;
height: 200px;
border: 1px solid #ccc;
overflow: hidden;
}
.box img{
width: 100%;
height: 100%;
object-fit: cover;
}

以上代碼是實現圖片放在框中的關鍵樣式。首先，我們創建一個

元素，其類名為box，同時設置寬高和邊框，將overflow屬性設置為hidden，這樣可以讓圖片超出框的部分隱藏。其次，在box下添加元素，設置寬高為100%，這樣使圖片充滿整個框。最后，設置object-fit屬性為cover，這樣可以讓圖片按比例縮放，填滿整個框。

如果你想要讓圖片始終保持比例，可以將object-fit屬性設置為contain。

.box{
width: 300px;
height: 200px;
border: 1px solid #ccc;
overflow: hidden;
}
.box img{
width: 100%;
height: 100%;
object-fit: contain;
}

以上是關于CSS圖片放置在框中的實現方法和代碼，如有需要自己可以參考使用哦~