CSS中可以使用多種方法將圖片放在一張圖中，其中常見的方法是使用CSS的position屬性，下面是一些示例代碼，展示如何將圖片放在一張圖中：

圖片疊加示例

假設(shè)你有兩張圖片，你想要將第二張圖片疊加在***張圖片上面，你可以使用***定位（absolute positioning）來(lái)實(shí)現(xiàn)：

<div style="position: relative;">
    <img src="image1.jpg" style="position: absolute; top: 0; left: 0;" />
    <img src="image2.jpg" style="position: absolute; top: 0; left: 0;" />
</div>

在這個(gè)示例中，position: relative; 的 div 容器使得內(nèi)部的***定位圖片可以相對(duì)于它進(jìn)行定位，兩張圖片都設(shè)置為***定位，并且它們的top 和left 屬性都設(shè)置為0，這意味著第二張圖片將會(huì)疊加在***張圖片上面。

圖片并列示例

如果你想要將兩張圖片并列顯示，可以使用浮動(dòng)（float）或者 flexbox 布局：

浮動(dòng)布局示例

<div style="float: left;">
    <img src="image1.jpg" />
</div>
<div style="float: right;">
    <img src="image2.jpg" />
</div>

在這個(gè)示例中，兩張圖片分別被放置在左右兩個(gè)浮動(dòng)容器中，從而實(shí)現(xiàn)并列顯示。

Flexbox 布局示例

<div style="display: flex;">
    <img src="image1.jpg" style="flex-grow: 1;" />
    <img src="image2.jpg" style="flex-grow: 1;" />
</div>

在這個(gè)示例中，使用 flexbox 布局將兩張圖片并列顯示，通過(guò)設(shè)置flex-grow: 1;，兩張圖片將平均分配空間。

圖片組合示例

如果你想要將多張圖片組合成一張圖，可以使用CSS的grid布局或者SVG圖像：

Grid 布局示例

<div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
    <img src="image1.jpg" />
    <img src="image2.jpg" />
    <img src="image3.jpg" />
</div>

在這個(gè)示例中，使用 grid 布局將三張圖片水平排列，通過(guò)設(shè)置grid-template-columns: 1fr 1fr 1fr;，三張圖片將平均分配空間。

SVG 圖像示例

SVG圖像也可以用來(lái)組合多張圖片，通過(guò)創(chuàng)建SVG元素并添加多個(gè)image子元素：

<svg width="500" height="500">
    <image href="image1.jpg" x="0" y="0" height="100%" width="33%" />
    <image href="image2.jpg" x="33%" y="0" height="100%" width="33%" />
    <image href="image3.jpg" x="66%" y="0" height="100%" width="33%" />
</svg>

在這個(gè)示例中，三張圖片被組合成一個(gè)SVG圖像，通過(guò)設(shè)置x和y屬性來(lái)調(diào)整圖片的位置，這種方法可以實(shí)現(xiàn)圖片的任意排列和組合。