今天我們來學(xué)習(xí)一下如何使用HTML代碼畫出可愛的皮卡丘，首先我們要新建一個HTML文檔，在<head>標(biāo)簽中添加以下代碼：
<head>
<title>畫皮卡丘</title>
<meta charset="UTF-8">
<style type="text/css">
#pikachu {
width: 200px;
height: 200px;
background: #FFC600;
border-radius: 50% 50% 40% 40%;
position: relative;
}
#pikachu:before, #pikachu:after {
content: "";
position: absolute;
}
#pikachu:before {
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
top: 20px;
left: 40px;
}
#pikachu:after {
width: 90px;
height: 90px;
background: #000;
border-radius: 50%;
top: 45px;
left: 55px;
}
</style>
</head>接下來，在<body>標(biāo)簽中添加皮卡丘的HTML代碼：
<body> <div id="pikachu"></div> </body>
最后打開瀏覽器，即可看到畫好的皮卡丘了！