CSS左箭頭是一個非常常見的設計元素，經常被用于頁面的返回按鈕或者導航欄的菜單按鈕等等。下面我們就來學習一下，如何用CSS來制作一個簡單的左箭頭。

.arrow-left {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #000;
}

以上就是我們的代碼，讓我們來一一解釋一下：

首先，我們給這個箭頭一個類名叫做arrow-left，這個類名可以根據實際情況自定義。

接下來，我們給這個箭頭設置寬高為0，這是因為我們不需要在HTML中設置具體的寬高，而是根據箭頭的邊框來自適應調整。

然后，我們通過CSS屬性border-top和border-bottom來設置箭頭的頂部和底部為透明，這樣箭頭就只有右側的線條了。

最后，我們用border-right屬性來設置這條線條的樣式，也就是我們最終想要的箭頭形狀。

通過以上步驟，我們就可以編寫出一個簡單的CSS左箭頭。如果我們想要改變箭頭的顏色或者尺寸，只需要在CSS文件中針對箭頭的類名進行修改即可。