CSS SVG 節點是一種使用SVG(可縮放矢量圖形)技術在CSS中創建圖形節點的方法。通過在SVG中定義節點的形狀、顏色、大小等屬性，然后將其作為CSS的值傳遞給頁面中的其他元素，從而實現圖形的定制和交互。

SVG是一種用于創建矢量圖形的標準，允許開發者使用XML語言來定義圖形。在SVG中，節點可以通過定義各種屬性來定義其形狀、大小、顏色等。這些屬性可以被 CSS 選擇器訪問和修改，從而實現對圖形的定制和交互。

CSS SVG 節點的使用方法非常簡單。只需在SVG中定義節點的形狀、顏色等屬性，然后將其作為CSS的值傳遞給頁面中的其他元素。例如，我們可以這樣定義一個按鈕的節點：

<path d="M 500 500 L 800 500 Z" fill="red" stroke="black" stroke-width="2" />

</svg>

在這個例子中，我們定義了一個紅色的圓形節點，并將其作為CSS的值傳遞給了頁面中的其他元素。這樣，我們可以在頁面中使用圓形來繪制按鈕或者其他圖形元素。

CSS SVG 節點的優點在于，它可以創建高度可定制的圖形，并且可以與其他技術(如JavaScript)結合使用，以實現更復雜的交互效果。此外，由于SVG技術的支持廣泛，因此可以在各種設備和平臺上創建和部署圖形應用程序。

雖然CSS SVG 節點的使用方法非常簡單，但它是一種非常有用的技術，可以用于創建各種不同類型的圖形，從而為應用程序和網站帶來更多的樣式和交互效果。