CSS在繪制流程圖時，使用了一種叫做CSS Shapes的技術，這種技術可以使我們像繪畫一樣地繪制出流程圖。本文將著重介紹如何使用CSS Shapes繪制流程圖。
首先，我們需要為流程圖的每一個步驟準備一個容器，例如我們可以使用div標簽來創建這些容器。然后，我們需要使用CSS樣式來為這些容器設置位置和形狀。這里我們需要使用到CSS的shape-outside屬性，它可以讓我們設置一個形狀來讓容器圍繞它排布。
下面是一個簡單的示例，它使用了一個橢圓形狀，并指定了容器應該在橢圓的右側：

.step {
width: 100px;
height: 50px;
margin: 20px;
shape-outside: ellipse(50px 25px at 150px 25px);
float: left;
}

接下來，我們需要為每一個容器設置一個背景顏色和一些邊框，以及一些文本來表示當前步驟的名稱。這樣，我們就可以完成一個簡單的流程圖了。

<div class="step">
<p>Step 1</p>
</div>
<div class="step">
<p>Step 2</p>
</div>
<div class="step">
<p>Step 3</p>
</div>

當然，在實際項目中，流程圖可能會更加復雜，我們需要考慮更多的因素，例如容器之間的距離、容器的大小和形狀、容器內文本的大小和顏色等等。但是，使用CSS Shapes技術繪制流程圖確實是一個非常有趣和有挑戰的工作。
在這里，我們建議讀者可以進一步了解CSS Shapes的技術細節，并通過實踐來掌握CSS繪制流程圖的技能。