CSS 是一種用于網(wǎng)頁設計的語言，可以用來控制網(wǎng)頁的樣式和結構。不僅可以控制字體、顏色、邊距等常規(guī)樣式，還有一些非常有趣的用法，例如可以用 CSS 來畫各種圖形、圖標等。

下面我們來看看能用 CSS 畫些什么有趣的東西：

/* 畫三角形 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}
/* 畫圓形 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: blue;
}
/* 畫星星 */
.star {
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid yellow;
border-left: 50px solid transparent;
/* 左上角 */
transform: rotate(35deg);
position: relative;
top: -30px;
left: -5px;
}
.star:before {
content: "";
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid yellow;
border-left: 50px solid transparent;
/* 右上角 */
transform: rotate(-70deg);
position: absolute;
top: 3px;
left: -47px;
}
/* 畫心形 */
.heart {
width: 100px;
height: 90px;
position: relative;
transform: rotate(-45deg);
}
.heart:before,
.heart:after {
content: "";
width: 50px;
height: 80px;
background-color: red;
border-radius: 50px 50px 0 0;
position: absolute;
}
.heart:before {
top: 0;
left: 0;
}
.heart:after {
top: -50px;
left: 50px;
}

當然，還有很多其他有趣的圖形和動畫效果可以用 CSS 實現(xiàn)。如果對 CSS 比較熟悉，可以嘗試使用 CSS 畫出更多有趣的圖形！