CSS是一種強大的樣式語言，可以輕松地組合多個圖片，從而創建出美觀的效果。下面我們來看一下如何使用CSS將幾張圖片組合起來。

/* 定義圖片的樣式 */
img {
/* 設置圖片的大小和邊距 */
width: 200px;
margin: 10px;
/* 設置圖片的邊框 */
border: 1px solid grey;
}
/* 使用flex布局將圖片水平排列 */
.container {
display: flex;
}
/* 定義第一行圖片的樣式 */
.row1 {
/* 使用flex-grow屬性將圖片自動填充父容器 */
flex-grow: 1;
}
/* 定義第二行圖片的樣式 */
.row2 {
/* 使用flex-basis屬性設置圖片寬度 */
flex-basis: 200px;
}
/* 定義第三行圖片的樣式 */
.row3 {
/* 使用flex屬性將圖片自動調整位置 */
flex: 1;
}

以上代碼實現了將三張圖片分別放在不同的行，并且對圖片進行了一些基本的樣式設置。其中，使用了flex布局和一些flex屬性來實現圖片的自適應排列。

下面實現將這三張圖片組合在一起的代碼：

/* 定義圖片的樣式 */
img {
/* 設置圖片的大小和邊距 */
width: 200px;
margin: 10px;
/* 設置圖片的邊框 */
border: 1px solid grey;
}
/* 使用flex布局將圖片水平排列 */
.container {
display: flex;
}
/* 將三張圖片排成一列 */
.column {
/* 使用flex-direction屬性將圖片排成列 */
flex-direction: column;
/* 使用justify-content屬性將圖片垂直居中 */
justify-content: center;
}
/* 定義第一行圖片的樣式 */
.row1 {
/* 使用flex-grow屬性將圖片自動填充父容器 */
flex-grow: 1;
}
/* 定義第二行圖片的樣式 */
.row2 {
/* 使用flex-basis屬性設置圖片寬度 */
flex-basis: 200px;
}
/* 定義第三行圖片的樣式 */
.row3 {
/* 使用flex屬性將圖片自動調整位置 */
flex: 1;
}

以上代碼實現了將三張圖片按照列的形式排列，并且使用了一些flex屬性來實現圖片的自適應排列和垂直居中。

通過上面的示例代碼，我們可以發現，使用CSS將多張圖片組合起來是非常容易的。只需要靈活地運用一些布局和樣式技巧，就可以實現出各種美觀的效果。