小豬佩奇眾所周知，是很多孩子的最愛。那么怎樣使用CSS讓小豬佩奇更加可愛呢？下面我們來看看一些小豬佩奇CSS代碼。

.peppa {
height: 200px;
width: 200px;
background: #f4d3e3;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.ear {
height: 60px;
width: 50px;
background: #f4d3e3;
border-radius: 60% 60% 0 0;
position: absolute;
top: -10px;
left: 30px;
transform: rotate(-20deg);
}
.eye-outer {
height: 40px;
width: 40px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 70px;
left: 50px;
}
.eye-inner {
height: 20px;
width: 20px;
background: #000;
border-radius: 50%;
position: absolute;
top: 80px;
left: 60px;
}
.nose {
height: 30px;
width: 30px;
background: #ffafc6;
border-radius: 50%;
position: absolute;
top: 100px;
left: 70px;
}
.cheeks {
height: 50px;
width: 50px;
background: #ffafc6;
border-radius: 50%;
position: absolute;
top: 90px;
left: 100px;
transform: rotate(45deg);
}
.mouth {
height: 20px;
width: 50px;
background: #f72058;
border-radius: 50% 50% 0 0;
position: absolute;
bottom: 30px;
left: 80px;
transform: rotate(20deg);
}

上面的代碼中，.peppa代表小豬佩奇的主體部分，通過設(shè)置寬高、邊框圓角、背景色等屬性來讓小豬佩奇更加可愛。.ear、.eye-outer、.eye-inner、.nose、.cheeks、.mouth則分別代表小豬佩奇的耳朵、眼睛、鼻子、臉頰、嘴巴等部位，通過設(shè)置絕對定位、旋轉(zhuǎn)、顏色等屬性來模擬小豬佩奇的外貌。

通過使用CSS，我們可以更加方便地定制出符合我們要求的小豬佩奇形象。當(dāng)然，這只是CSS的一個(gè)小應(yīng)用，還有更多令人興奮的CSS技巧等待我們?nèi)グl(fā)掘。