CSS是前端開發中不可缺少的技能，但很多人只了解基本的屬性和方法。今天我們來分享一些有趣的擴展知識，讓你的CSS樣式更加精彩。

1. 帶角度的漸變色

background: linear-gradient(45deg, red, yellow);

上述代碼實現了從紅色到黃色，角度為45度的漸變色。在具體實現時，可以通過調整角度和顏色的數量、位置來制作出更為復雜的效果。

2. box-shadow實現內投影

box-shadow: inset 0 0 10px rgba(0,0,0,0.3);

默認情況下，box-shadow會向元素的外部投影，但是通過添加inset關鍵字可以實現內投影，使元素看起來更立體。

3. text-shadow實現立體字

text-shadow: 2px 2px 0 #666, 4px 4px 0 #555;

類似地，text-shadow可以實現文本的投影效果。通過添加多個陰影，可以讓文本看起來更為立體和生動。

4. rgba顏色的alpha通道

color: rgba(255,255,255,0.5);

rgba是由紅、綠、藍三個顏色通道和alpha透明度通道組成的顏色表示方式，其中alpha的取值范圍為0.0-1.0，表示顏色的透明程度。通過設置合適的alpha值，可以制作出半透明的效果。

5. 自定義圖標

.list::before {
content: "\2713 ";
color: green;
}

通過content屬性和Unicode碼，可以非常方便地制作出各種自定義圖標。在眾多圖標庫都需要引用的情況下，自定義圖標可以提高網頁性能和加載速度。

以上就是關于CSS有趣的擴展知識的介紹，希望對你的學習和開發有所幫助。