CSS是一種樣式表語言，可以為網頁添加各種視覺效果。其中一個常用的效果是陽光效果，可以為網頁增加溫暖的感覺。那么，如何使用CSS制作陽光效果呢？下面是一個簡單的示例。

.sunshine {
background: radial-gradient(circle closest-side, #fff, #f5de19);
border-radius: 50%;
box-shadow: 0 0 0 50px #f5de194d;
height: 100px;
position: relative;
overflow: hidden;
width: 100px;
}
.sunshine:before {
content: "";
position: absolute;
top: -30px;
left: -30px;
height: 70px;
width: 70px;
border-radius: 50%;
background: #f5de19;
box-shadow: inset 0 0 0 20px #fff;
transform: rotate(45deg);
}

在這里，我們創建了一個名為.sunshine的類，用于制作陽光效果。首先，我們使用漸變背景（radial-gradient）創建了一個圓形背景，以白色為中心向黃色漸變。這樣可以模擬陽光從中心輻射出去的感覺。

接下來，我們為這個圓形背景添加一個50像素的模糊邊框，以及一個50%的圓角，以便將其變成一個矩形圓形。我們還需要為其設置高度和寬度，以及設置其為相對定位（relative）和超出隱藏（overflow:hidden）的元素，以便進行其他元素的放置。

然后，我們使用:before偽元素添加了一個黃色的旋轉正方形，用于模擬陽光的光芒。我們還需要將其設置為絕對定位（absolute），并使其在圓形背景的頂部左側旋轉45度。此外，我們在這個旋轉正方形的內部添加了一個白色的陰影，以使其看起來更立體。

通過這些CSS代碼，我們就可以輕松地在網頁中創建一個溫暖的陽光效果。讓你的網頁變得更加有趣和活潑！