太陽一直被人們看做是萬物的中心，它的光芒溫暖著整個世界，讓所有生命得以生存。如果想在網頁中展示一顆發光的太陽，我們可以利用CSS來實現。

/* 太陽的樣式 */
.sun {
background-color: #fff799; /* 設置太陽的顏色 */
border-radius: 50%; /* 讓太陽變成一個圓形 */
width: 50px; /* 設置太陽的大小 */
height: 50px;
position: relative; /* 設置太陽的位置為相對定位 */
}
/* 太陽的光芒樣式 */
.sunshine {
position: absolute; /* 設置太陽光芒的位置為絕對定位 */
width: 50px;
height: 50px;
border-radius: 50%; /* 讓光芒也變成一個圓形 */
background-color: #ffdd00; /* 設置光芒的顏色 */
animation: shine 2s linear infinite; /* 使用CSS3動畫讓光芒閃耀不停 */
}
/* CSS3動畫 */
@keyframes shine {
0% {
transform: scale(1);
opacity: 0.8;
}
50% {
transform: scale(1.5);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 0.8;
}
}

在HTML中，我們可以使用如下代碼來展示發光的太陽：

最終效果如下圖所示：