CSS3 矩形箭頭是一種在 Web 設計中非常常見的圖形元素，它可以被用來作為提示或指向性的元素，具有非常好的可自定義性，非常適合用來裝飾網站的各種組件。

.example {
width: 0;
height: 0;
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #007bff;
border-style: solid;
}

如上面的 CSS 代碼所示，使用 CSS3 實現矩形箭頭的關鍵是使用 border 屬性來設置每個邊框的寬度、顏色和樣式。在上述代碼中，我們設置了箭頭左側的邊框寬度為 20px，其他三個邊框的寬度為 0，這樣就形成了一個左側為直角的矩形。然后，我們為箭頭左側設置了一種特殊的背景色，而其他三個邊框的顏色設置為透明，這樣就形成了帶有矩形箭頭的元素。

除此之外，我們還可以通過調整每個邊框的寬度和對角線的長度來實現各種不同樣式的矩形箭頭，例如直角箭頭、圓角箭頭、右側箭頭等等。另外，我們還可以通過旋轉元素或者使用偽元素來生成朝其他方向指向的箭頭。