CSS是一種可以為網(wǎng)頁添加樣式和美化網(wǎng)頁的技術(shù)。

今天我來講一下如何使用CSS畫一個文件夾圖標(biāo)。

.folder {
width: 80px;
height: 60px;
background-color: #fff;
border: 2px solid #ccc;
border-top: none;
position: relative;
margin: 20px auto 0;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
overflow: hidden;
border-radius: 5px;
}
.folder:before {
content: "";
position: absolute;
top: -10px;
left: -2px;
border-top: 2px solid #ccc;
width: 84px;
}
.folder:after {
content: "";
position: absolute;
bottom: -20px;
left: -20px;
width: 120px;
height: 60px;
border-radius: 60px 60px 0 0;
background: #fff;
border-top: 2px solid #ccc;
transform: rotate(-10deg);
}

上面的CSS代碼就是制作文件夾圖標(biāo)的樣式。我們可以看到，其中使用了偽元素before和after，分別表示文件夾的上部分和下部分。我們還可以改變文件夾的顏色、大小等等，通過不斷嘗試和調(diào)整，最終達(dá)到自己想要的效果。

總之，CSS不僅僅是可以用來設(shè)置文字和背景顏色，也可以畫出精美的圖形。希望以上內(nèi)容對你有所幫助。