在網頁設計中，CSS是非常重要的一部分。通過CSS，我們可以輕松地設計出獨一無二的網頁樣式。下面將介紹如何使用CSS來畫一個可愛的小企鵝。

首先，在HTML中，我們需要創建一個div元素，將其命名為“penguin”。接下來，在CSS中，我們可以為這個div元素添加樣式。

#penguin {
width: 300px;
height: 200px;
background-color: #ffffff;
border-radius: 150px/120px;
position: relative;
}

接下來，我們需要添加企鵝的身體和胃部。

#penguin .body {
width: 200px;
height: 120px;
background-color: #000000;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
border-radius: 300px/200px;
}
#penguin .belly {
width: 150px;
height: 100px;
background-color: #ffffff;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
border-radius: 150px/100px;
}

接下來，我們需要添加企鵝的頭部、眼睛和嘴巴。

#penguin .head {
width: 60px;
height: 60px;
background-color: #000000;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
#penguin .eye {
width: 20px;
height: 20px;
background-color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
#penguin .eye::before {
content: "";
display: block;
width: 10px;
height: 10px;
background-color: #000000;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
}
#penguin .beak {
width: 40px;
height: 20px;
background-color: #ffcc33;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 10px/5px;
}

最后，我們需要添加企鵝的腳。

#penguin .foot {
width: 50px;
height: 20px;
background-color: #000000;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
border-radius: 50px/10px;
}
#penguin .foot.left {
transform: translate(-50%, 0%) rotate(-45deg);
bottom: -10px;
}
#penguin .foot.right {
transform: translate(-50%, 0%) rotate(45deg);
bottom: -10px;
}

到這里，我們一個可愛的小企鵝就畫好了。通過CSS，我們可以輕松地畫出獨一無二的網頁元素。