回来太晚了.做个头部就好了,先睡觉吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>网页标题</title> <meta name="keywords" content="关键字列表" /> <meta name="description" content="网页描述" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"> /*通用选择器*/ *{ margin:0px; padding:0px; } /*主体*/ .box{ 500px; height:800px; margin:0 auto; border:1px solid red; } /*头部*/ .box .head{ 200px; height:100px; border:1px solid blue; border-radius:100px 100px 0px 0px; background-color:#00ff33; margin:0 auto; } /*左眼*/ .box .head::before{ content:""; 14px; height:14px; background:#ffffff; display:block; border-radius:7px; transform:translate(50px,40px); } /*右眼*/ .box .head::after{ content:""; 14px; height:14px; background:#ffffff; display:block; border-radius:7px; transform:translate(121px,26px); } </style> <script type="text/javascript"></script> </head> <body> <div class="box"> <div class="head"></div> </div> </body> </html>