CSS3是一種非常強(qiáng)大的樣式語言，可以用來控制網(wǎng)頁中的各種元素的樣式。除了基本的布局、顏色、字體等樣式外，CSS3還可以用來創(chuàng)建各種有趣的效果，例如動畫、形狀變換等。下面我們來介紹如何用CSS3畫動物。

/* 畫一只貓 */
.cat {
width: 100px;
height: 50px;
background-color: #888;
border-radius: 50% 50% 0 0;
}
.cat:before, .cat:after {
content: "";
display: block;
position: absolute;
border-radius: 50%;
}
.cat:before {
background-color: #fff;
width: 50px;
height: 50px;
top: -25px;
left: 25px;
}
.cat:after {
background-color: #000;
width: 10px;
height: 10px;
top: -15px;
left: 30px;
}
/* 畫一只狗 */
.dog {
width: 100px;
height: 50px;
background-color: #c6bca6;
border-radius: 50% 50% 0 0;
}
.dog:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: #fff;
position: absolute;
border-radius: 50%;
top: -10px;
left: 25px;
}
.dog:after {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: #fff;
position: absolute;
border-radius: 50%;
top: -10px;
left: 55px;
}
.dog span {
display: block;
width: 10px;
height: 30px;
background-color: #c6bca6;
position: absolute;
bottom: -30px;
left: 45px;
transform: rotate(-45deg);
}

以上代碼是用CSS3畫貓和狗的示例代碼。我們可以通過調(diào)整樣式屬性來改變它們的顏色、大小和形狀，從而畫出各種各樣的動物。如果您對此感興趣，可以通過不斷練習(xí)來進(jìn)一步熟練掌握CSS3的各種技巧。