今天我們來學習一下如何使用CSS畫汽車。

.car {
position: relative;
width: 250px;
height: 150px;
border-radius: 10px;
border: 2px solid #000;
}
.car:before {
content: '';
position: absolute;
top: -30px;
left: 30px;
width: 90px;
height: 30px;
background-color: #000;
border-radius: 0 0 50% 50%;
}
.car:after {
content: '';
position: absolute;
top: 120px;
left: 0;
width: 250px;
height: 30px;
background-color: #000;
border-radius: 0 0 10px 10px;
}
.car .wheel {
position: absolute;
width: 50px;
height: 50px;
bottom: -25px;
border-radius: 50%;
background-color: #666;
}
.car .wheel.left {
left: 40px;
}
.car .wheel.right {
right: 40px;
}

代碼中，我們為汽車創建一個類名為“car”的div，設置它的基本樣式，然后用:before和:after偽元素來繪制它的車頭和車尾。并創建一個“wheel”類名的子元素用于繪制汽車的車輪。在計算車輪的位置時，我們使用絕對定位并設置它們的位置。

通過這種方法，我們可以使用CSS繪制出一個簡單的汽車。