CSS是一種可以用來改變網頁外觀的語言，它可以控制網頁的顏色、字體、排版等各個方面。其中，圖標作為網頁設計的重要元素之一，其美觀程度和專業度直接影響著用戶的感受。在這其中，好的部門圖標可以為網站增添專業感，使用戶感受到公司的認真和用心，下面我們來講一講如何用CSS創造好的部門圖標。

.department-icon {
width: 60px;
height: 60px;
background-color: #3d3d3d;
border-radius: 50%;
text-align: center;
line-height: 60px;
color: #fff;
font-size: 24px;
}

上述代碼是一個很基礎的部門圖標樣式，其中width和height可以根據需要進行調整；background-color為圖標背景顏色；border-radius可以改變圖標的圓角大小；text-align設置圖標內部元素的對齊方式；line-height設置圖標內部元素的行高；color設置內部元素的顏色，例如字體顏色；font-size用來調整內部元素的字體大小。

除了這些基礎樣式外，我們還可以使用CSS偽元素來模擬圖標內部的小圖形，例如箭頭、星星等。以下是一個例子：

.department-icon:before {
content: "";
width: 10px;
height: 10px;
border: 2px solid #fff;
border-left: none;
border-bottom: none;
transform: rotate(45deg);
position: absolute;
top: 25px;
left: 25px;
}

上述代碼在部門圖標內添加一個箭頭元素。其中:before是CSS偽元素，content: ""表示這個偽元素沒有實際內容，只用于添加樣式；border可以設置邊框的寬度和樣式；transform可以用于旋轉元素，rotate(45deg)表示將箭頭元素順時針旋轉45度；position:absolute可以讓元素相對于父元素進行定位；top和left用于設置箭頭元素相對于父元素的位置。

綜上所述，CSS可以為部門圖標的設計提供各種元素的美化，使其更加具有專業感和美觀度，增強用戶對公司的信任感和認可度。