CSS是前端開發中最常用的一種編程語言，除了可以控制網頁的樣式之外，還可以通過CSS創建圖形，如箭頭、菜單按鈕等等，這些圖形都是由CSS代碼實現的，下面我們就來介紹一下如何使用CSS做出各種圖標。

.arrow {
width: 0;
height: 0;
border-top: 20px solid #ccc;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}

這是一個創建箭頭的CSS代碼示例，其中“width”和“height”分別為箭頭的寬度和高度，而“border”則是定義邊框的樣式，三個屬性分別控制箭頭的上、右、左三個邊框的樣式，其中“border-top”定義了箭頭的上邊框的樣式，可以通過改變這些屬性來調整箭頭的大小和方向。

.menu {
width: 40px;
height: 30px;
position: relative;
}
.menu::before,
.menu::after {
content: "";
position: absolute;
background-color: #ccc;
width: 100%;
height: 3px;
left: 0;
}
.menu::before {
top: 0;
}
.menu::after {
bottom: 0;
}

這是一個創建菜單按鈕的CSS代碼示例，其中“width”和“height”分別為菜單按鈕的寬度和高度，而“position”則是控制菜單按鈕的位置，將其設為“relative”可以讓其參照文檔流定位。另外，通過“::before”和“::after”可以分別創建出菜單按鈕的上下兩條線條，調整它們的位置和樣式可以改變菜單按鈕的外觀。

總之，通過CSS創建圖標可以讓網頁的外觀更加豐富多彩，而且還可以減少圖片等其他資源的加載，提高網頁的性能。