CSS可以為網(wǎng)站添加各種有趣的效果，其中有一個非常流行的效果是SVG。SVG，即可縮放矢量圖形，是一種基于XML的矢量圖形格式。 如果想在網(wǎng)站上使用SVG效果，需要在HTML中嵌入SVG代碼，并使用CSS樣式進行樣式設置。下面就來介紹如何使用CSS添加SVG效果。 首先，在HTML文檔中添加SVG代碼。可以使用

以上代碼定義了一個半徑為40，邊框為綠色，填充為黃色的圓形。可以將以上代碼復制到HTML文檔中，在瀏覽器中運行，可以看到一個圓形的SVG圖像。 接下來，使用CSS樣式來對SVG圖像進行樣式設置。與HTML元素類似，SVG元素也可以使用CSS樣式進行設置。例如，可以使用如下樣式設置SVG元素的填充顏色和邊框顏色：

svg {
fill: blue;
stroke: red;
}

以上樣式將SVG元素的填充顏色設置為藍色，邊框顏色設置為紅色。 此外，還可以添加一些動畫效果來使SVG圖像更加生動有趣。例如，可以使用CSS的animation屬性來添加一個旋轉動畫。以下是一個旋轉動畫的CSS樣式：

svg {
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

以上樣式將SVG元素添加旋轉動畫，旋轉周期為2秒，旋轉方式為線性，旋轉角度為無限循環(huán)。可以將以上樣式添加到HTML文檔中，刷新頁面，就可以看到一個帶有旋轉動畫的SVG圖像了。 總之，使用CSS添加SVG效果非常簡單，只需在HTML中嵌入SVG代碼，然后使用CSS樣式進行樣式設置和動畫效果添加就可以了。希望以上介紹對大家有所幫助。