CSS可以實現各種形態的邊框樣式，其中包括矩形和三角形結合的邊框，下面將介紹如何使用CSS在HTML元素上創建矩形三角邊框。

.example {
border-top: solid 10px #333; /* 頂部矩形邊框 */
border-right: solid 20px transparent; /* 右側透明的三角形邊框 */
border-bottom: solid 10px #333; /* 底部矩形邊框 */
border-left: solid 20px transparent; /* 左側透明的三角形邊框 */
}

代碼中，我們為一個class名為example的HTML元素添加了四個邊框，分別是頂部矩形邊框、右側透明的三角形邊框、底部矩形邊框、左側透明的三角形邊框。

需要注意的是，為了得到三角形形態的邊框，我們將其中兩個邊框寬度設置為0，并用顏色透明代替。同時，為了將兩個透明的邊框放置于相鄰的邊框位置上，我們需要將它們的寬度設置得足夠大。

通過以上CSS代碼，我們可以輕松地為任何需要的HTML元素創建矩形三角邊框。