CSS中的原型向四周擴(kuò)散是指一個元素或背景漸變向周圍擴(kuò)展呈現(xiàn)出的效果。在實(shí)現(xiàn)這個效果時，需要使用CSS的radial-gradient函數(shù)。

background: radial-gradient(circle, #1e5799 0%, #7db9e8 100%);

上述代碼中，circle表示原型的形狀，#1e5799表示原型中心的顏色，#7db9e8表示隨著距離的增加而漸變的顏色。

除了circle，radial-gradient函數(shù)還支持ellipse、closest-side、farthest-side、closest-corner和farthest-corner等不同的基本形狀以及可以使用百分比、像素、em等單位表示的具體形狀大小的設(shè)置。

background: radial-gradient(ellipse at center, #ffffff 0%, #00bfff 100%);
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #00bfff 100%);
background: radial-gradient(closest-side, #ffffff 0%, #00bfff 100%);
background: radial-gradient(farthest-side, #ffffff 0%, #00bfff 100%);
background: radial-gradient(closest-corner, #ffffff 0%, #00bfff 100%);
background: radial-gradient(farthest-corner, #ffffff 0%, #00bfff 100%);

可以根據(jù)實(shí)際需要選擇適合自己的形狀和大小進(jìn)行設(shè)置，同時可以使用多個顏色實(shí)現(xiàn)更豐富的漸變效果。還可以結(jié)合多個實(shí)現(xiàn)方式，實(shí)現(xiàn)更加復(fù)雜的效果。