CSS可以用來創(chuàng)建各種各樣的形狀，包括箭頭和斜三角形。下面是一些實現(xiàn)這些形狀的CSS代碼示例。

/* 生成向下的箭頭 */
.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid black;
}
/* 生成向上的箭頭 */
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
/* 生成向右的箭頭 */
.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid black;
}
/* 生成向左的箭頭 */
.arrow-left {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid black;
}
/* 生成斜三角形 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
}

上面的代碼使用了`border`屬性來控制邊框的形狀和顏色。箭頭的形狀通過調(diào)整邊框的寬度、顏色和位置來實現(xiàn)。斜三角形可以通過設(shè)置其中一條邊框為透明來實現(xiàn)。

需要注意的是，在使用這些代碼時，需要對HTML元素的`text-align`屬性進行設(shè)置，以保證箭頭/三角形的位置正確。各個箭頭/三角形的大小和顏色也可以根據(jù)需要進行調(diào)整。