小菱形用CSS怎么寫？

在CSS中，我們可以使用transform屬性來繪制小菱形，以下是一個(gè)簡單的示例代碼：

.div {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid #000;
  transform: rotate(45deg);
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)div元素，并將其寬度和高度設(shè)置為0，我們使用border-left和border-right屬性來創(chuàng)建兩個(gè)相等的邊框，并使用border-top屬性來創(chuàng)建一個(gè)較長的邊框，我們使用transform屬性將元素旋轉(zhuǎn)45度，以形成一個(gè)小菱形。

您可以根據(jù)需要調(diào)整邊框的寬度和顏色，以及旋轉(zhuǎn)的角度來繪制不同樣式的小菱形，您還可以將小菱形放置在頁面上的任何位置，并與其他元素進(jìn)行組合，以創(chuàng)建出更多有趣的視覺效果。

使用CSS來繪制小菱形是一種簡單而有趣的方法，可以讓您的網(wǎng)頁更加生動(dòng)和有趣味性。