用CSS畫(huà)一個(gè)小和尚,其實(shí)并不難。首先,我們要為小和尚的身體設(shè)定一個(gè)圓形的形狀,并添加上一些基本的樣式屬性:
.monk { width: 100px; height: 100px; border: 2px solid #000; border-radius: 50%; }
接下來(lái),我們?yōu)樾『蜕刑砑宇^部和衣服的樣式:
.monk .head { width: 55px; height: 55px; background-color: #FFDAB9; position: absolute; top: -30px; left: 22.5px; border-radius: 50%; } .monk .robe { width: 80px; height: 50px; background-color: #FFDAB9; position: absolute; top: 47px; left: 10px; z-index: -1; transform: rotate(-10deg); }
然后,我們?yōu)樾『蜕刑砑邮趾湍_的樣式:
.monk .hand { width: 15px; height: 40px; background-color: #FFDAB9; position: absolute; top: 40px; left: 20px; transform: rotate(-45deg); z-index: -1; } .monk .foot { width: 20px; height: 40px; background-color: #FFDAB9; position: absolute; top: 100px; left: 26px; transform: rotate(-15deg); z-index: -1; }
最后,我們?yōu)樾『蜕刑砑友劬妥彀偷臉邮剑?/p>
.monk .eye { width: 10px; height: 10px; background-color: #000; position: absolute; top: 22px; left: 30px; border-radius: 50%; } .monk .mouth { width: 20px; height: 5px; background-color: #000; position: absolute; top: 33px; left: 25px; transform: rotate(15deg); border-radius: 50%; }
以上代碼就可以畫(huà)出一個(gè)小和尚的模樣啦!簡(jiǎn)單易行,也不需要太高的技能。