CSS（Cascading Style Sheets，層疊樣式表）是一種用于網頁設計和排版的標準技術。除了控制網頁的布局和字體外，CSS還可以用于繪制圖形和形狀。在這篇文章中，我們將介紹如何使用CSS在指定位置繪圖。

/* CSS代碼段 */

首先，我們需要創建一個HTML文件。在文件中，我們可以使用<div>元素來指定位置進行繪制。在CSS中，我們使用偽元素（::before和::after）來繪制圖形并在指定位置進行放置。

.square {
position: relative;
width: 100px;
height: 100px;
}
.square::before {
content: "";
position: absolute;
width: 50px;
height: 50px;
top: 25px;
left: 25px;
background-color: blue;
}
.circle{
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
}
.circle::after{
content: "";
position: absolute;
width: 50px;
height: 50px;
top: 25px;
left: 25px;
background-color: red;
}

如上述代碼片段所展示，我們創建了兩個類名元素sqare和circle。類名為square的元素繪制一個正方形，類名為circle的元素繪制一個圓形。在偽元素的代碼塊中，我們設置背景顏色并使用position屬性來確定圖形的位置。通過使用top和left屬性，我們可以讓圖形位于其父元素的特定位置。

在我們的HTML文件中，我們可以使用這些類名來指定在哪里繪制圖形：

<div class="square"></div>
<div class="circle"></div>

在運行HTML文件后，我們可以看到繪制的圖形位于指定的位置。通過在CSS中添加更多的圖形和形狀樣式，我們可以創造出各種復雜的布局和圖像。