小三角價格切換效果是網頁設計中常見的一個特效，它可以幫助網站用戶快速地了解不同價格選擇之間的差異。在實現小三角價格切換效果時，有許多方法可供選擇，但其中使用純CSS代碼實現的方法最為簡潔明了。

下面是一個使用純CSS代碼實現小三角價格切換的示例：

<style>.menu ul li {
display: inline-block;
position: relative;
margin-right: 20px;
}
.menu ul li a {
display: block;
padding: 10px 15px;
background-color: #ccc;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease-in-out;
}
.menu ul li a.active {
background-color: #ff6600;
}
.menu ul li a.active:after {
content: "";
position: absolute;
border-color: transparent transparent #ff6600 transparent;
border-style: solid;
border-width: 0 5px 5px 5px;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
}
</style><div class="menu"><ul><li><a href="#">Basic</a></li><li><a href="#" class="active">Professional</a></li><li><a href="#">Enterprise</a></li></ul></div>

以上代碼中，我們先定義了一個.menu類，內部有一個無序列表，列表項中包含三個要切換的選項，每個選項都是一個a標簽。在a標簽的樣式中，我們定義了背景顏色和圓角等基本樣式，并且使用了transiton屬性來實現漸變過渡效果。

而后我們定義了一個.active類，這個類將為當前被選中的選項添加一個額外的小三角標志。在.active類中，我們使用了:after偽類來創建小三角標志，設置了它的位置、邊界樣式和顏色等。

最后，我們只需要在需要切換的選項中，設置一個.active類即可實現小三角價格切換效果。