CSS能夠為網頁添加各種各樣的樣式效果，其中包括制作蘋果圖標。要制作這樣的圖標，需要熟悉CSS中的border-radius屬性和transform屬性。

.icon {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #999999;
transform: rotate(-45deg);
position: relative;
}
.icon:before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 50%;
background-color: #FFFFFF;
}
.icon:after {
content: "";
position: absolute;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
border-radius: 50%;
background-color: #999999;
transform: rotate(45deg);
}

上面的代碼定義了一個class為icon的元素，并使用border-radius將它的邊框變成圓形。接著使用transform屬性將整個元素旋轉-45度，使它成為一個菱形。接下來，使用:before和:after偽元素，分別為圖標添加白色的內部和灰色的外部，使它看起來更像蘋果圖標。同時，使用border-radius和rotate屬性調整它們的形狀和角度，使它們能夠和整個圖標配合起來。