CSS中，我們可以使用相對(duì)定位（relative positioning）和***定位（absolute positioning）將圖形放入圖片中，相對(duì)定位是相對(duì)于元素在文檔流中的位置進(jìn)行定位，而***定位則是相對(duì)于瀏覽器窗口進(jìn)行定位。

我們需要?jiǎng)?chuàng)建一個(gè)包含圖片和圖形的HTML結(jié)構(gòu)，圖片可以是一個(gè)普通的img元素，而圖形可以是一個(gè)div元素，其中包含了形狀、顏色等樣式信息。

我們可以使用CSS來定位圖形，我們需要將圖形的position屬性設(shè)置為relative或absolute，這取決于我們想要如何定位圖形，我們可以使用top、right、bottom和left屬性來調(diào)整圖形在圖片中的位置。

如果我們想要將一個(gè)正方形圖形放在圖片的中心位置，我們可以這樣寫：

<img src="image.jpg" alt="圖片">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background-color: red;"></div>

在這個(gè)例子中，我們將圖形的position屬性設(shè)置為absolute，然后使用top和left屬性將圖形定位在圖片的中心位置，transform屬性用于微調(diào)圖形的位置，以確保它在圖片中居中顯示，我們?cè)O(shè)置了圖形的寬度和高度，以及背景顏色。

通過這種方式，我們可以使用CSS將圖形***地放入圖片中，從而實(shí)現(xiàn)各種視覺效果。