CSS是前端開發中非常重要的一部分，而CSS填漸變色的操作在網頁設計中也十分常見。本文將介紹CSS怎樣用代碼塊填寫漸變色，以及常用漸變色的寫法。

/* 線性漸變色 */
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
/* 圓形漸變色 */
background: radial-gradient(circle, pink, orange, yellow);
/* 橢圓形漸變色 */
background: radial-gradient(ellipse, blue, indigo);
/* 線性漸變色（角度） */
background: linear-gradient(45deg, #f3ec78, #af4261);
/* 徑向漸變色 */
background: radial-gradient( circle at center, #fe7f2d 0%, #fdc830 100%, #f37335 100% );
/* 重復線性漸變色 */
background: repeating-linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);

如上代碼所示，CSS用代碼塊填寫漸變色非常簡單又直觀。該代碼塊通常在background屬性中使用，通過選擇不同的漸變類型、方向、起止顏色來設置不同的漸變效果。

常用的漸變類型包括線性漸變色、圓形漸變色、橢圓形漸變色、徑向漸變色和重復漸變色。在這個過程中也可以設置其他屬性，例如選擇起始和結束方向，控制漸變速度以及漸變點之間的顏色值。

本篇文章介紹了如何用CSS填寫漸變色，掌握這些技巧，應用到實際網頁設計中，能夠增加頁面的美觀程度和用戶體驗。希望這篇文章能夠幫助到大家。