CSS3中的矩形顯示方式非常強大，其中包括許多有用的屬性和功能。其中一個最受歡迎的是小三角，可以用來指示下拉菜單、箭頭和其他圖形元素。

CSS3中創建小三角的方法有很多，其中一種方法是使用border屬性。我們可以將元素的上、左、右、下4個方向的邊框設置為不同的顏色和寬度，然后將某個方向的寬度設置為0，這樣就創建了一個尖角。以下是創建一個向下的小三角的示例代碼：

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

上述代碼中，我們首先將元素的寬高都設置為0，然后創建一個10像素寬的透明邊框的三角形。我們將其中的上邊框設置為較深的顏色，從而形成了一個向下的小三角。同樣的方式可以用于創建其他類型的小三角。

除了使用border屬性，我們還可以使用偽元素來創建小三角。它有一個偽元素before和after，我們可以使用這些偽元素來在元素的內容之前或之后插入元素。以下是一個在按鈕的下方創建小三角的示例代碼：

.btn:after {
content: "";
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -10px;
border: 10px solid transparent;
border-top: 10px solid #ccc;
}

上述代碼中，我們首先使用偽元素after在按鈕的內容后方創建一個元素，然后將它的顏色設置為透明。我們將其中的下邊框設置為較深的顏色，從而形成了一個向上的小三角。我們還使用position屬性將元素定位到按鈕的下方，并使用left和margin-left將其居中，最后使用bottom屬性將其放置在按鈕下面。

總之，CSS3中的小三角讓我們能夠以各種有趣和獨特的方式顯示元素和圖形。嘗試使用這些技巧來提高你的網頁設計技能。