CSS中可以用邊框顯示菱形，具體實現方法如下：

.diamond {
width: 0;
height: 0;
border: 50px solid transparent;
border-bottom-color: #333;
position: relative;
top: -25px;
}
.diamond:before {
content: "";
position: absolute;
top: -50px;
left: -50px;
height: 0;
width: 0;
border: 50px solid transparent;
border-right-color: #333;
}
.diamond:after {
content: "";
position: absolute;
bottom: -50px;
left: -50px;
height: 0;
width: 0;
border: 50px solid transparent;
border-left-color: #333;
}

以上代碼是實現一個黑色菱形，想要改變菱形顏色，只需將相應的顏色值改為其它顏色即可。

通過使用border的巧妙排列，菱形的形狀就出來了。

使用:before和:after偽元素，可以讓邊框完整地呈菱形狀，類似菱形四個側面。

此外還要注意，使用position定位，讓多個菱形可以放在一個位置上。