CSS是一門前端技術(shù)，它可以通過定義樣式表來控制網(wǎng)頁的外觀和布局。CSS圖形是一種以CSS樣式表語言為基礎(chǔ)來實(shí)現(xiàn)圖形效果的技術(shù)。

#square {
width: 100px;
height: 100px;
background-color: red;
}

通過設(shè)置盒子模型的寬度、高度和背景色來實(shí)現(xiàn)一個(gè)紅色的正方形，代碼如上所示。

#circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: blue;
}

通過設(shè)置盒子模型的寬度、高度以及邊框半徑來實(shí)現(xiàn)一個(gè)圓形，代碼如上所示。

#triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid green;
}

通過設(shè)置盒子模型的邊框樣式和顏色來實(shí)現(xiàn)一個(gè)三角形，代碼如上所示。

#parallelogram {
width: 100px;
height: 80px;
transform: skew(30deg);
background-color: purple;
}

通過設(shè)置盒子模型的寬度、高度以及傾斜度數(shù)來實(shí)現(xiàn)一個(gè)平行四邊形，代碼如上所示。

除了以上的幾種基礎(chǔ)圖形，CSS圖形還可以結(jié)合偽元素和CSS3的特性來實(shí)現(xiàn)更加豐富的效果。