CSS3 左箭頭：

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

在CSS3中，可以通過邊框(border)屬性來繪制箭頭。其中，首先需要把三邊設置為透明，然后設置一邊為實色，以此來構造出一個三角形形狀的箭頭。

具體來說，要繪制一個向左的箭頭，可以將箭頭旋轉90度，然后按照上述方法設置邊框，最后通過設置邊框寬度來調整箭頭大小。

.arrow-left{
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid black;
transform: rotate(90deg);
}

此外，還可以通過偽元素(::before和::after)和絕對定位(position: absolute)來實現更多的箭頭樣式。比如，下面的代碼可以創建一個向左的平面箭頭：

.arrow-left{
position: relative;
width: 50px;
height: 50px;
}
.arrow-left::before{
content: "";
position: absolute;
top: 50%;
left: -20px;
margin-top: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 20px solid black;
}
.arrow-left::after{
content: "";
position: absolute;
top: 50%;
left: -19px;
margin-top: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 19px solid white;
}

通過設置before和after的樣式，可以實現箭頭的內外填充（margin），以及內部和外部顏色的不同設置。通過調整這些屬性，可以創建出各種不同的箭頭效果。