下面一段代码是有关html5和css3实现机器猫的代码，具体代码如下所示：

XML/HTML代码复制内容到剪贴板

！DOCTYPEhtml

htmllang='en '

头

' UTF-8 '

标题机器猫/title

styletype='text/css '

*{

边距n:0

padding:0

}。整体{

宽度宽度：800像素

margin:20pxauto

/*边框：2 pxsolid黄色；*/

背景色：白色；

位置：相对；

}。头

余量：0自动

位置：相对；

宽度宽度：500像素

高度：440像素

背景-color : # 00b 7e 7；

边界半径：220 px

border:1pxsolidred

}。眼睛。左眼，眼睛。右眼{

宽度宽度：100px

高度：130px

背景色：白色；

border:2pxsolidblack

边界半径：50 px

位置：值；

top:50px

z-索引：3;

}。眼睛。乐叶球。眼睛。ReyeBall{

宽度：20像素

高度：20像素

背景：黑色；

边界半径：10 px

位置：值；

top:65px

}。eye.left_eye

左侧：146px

}。眼睛。右眼{

左侧：250像素

}。眼睛。LeyeBall{

right:10px

}。眼睛。ReyeBall{

left:10px

}。face{

位置：相对；

z-索引：2;

}。face.feature{

宽度宽度：400像素

高度：320像素

边界半径：160 px

位置：值；

top:100px

左侧：50像素

背景：白色；

}

脸，鼻子

宽度：45px

高度：50像素

边界半径：23 px

背景色： # cf 3318

border:2pxsolidblack

位置：值；

top:165px

left:225px

z-索引：3;

}。脸。Nline{

宽度：3px

高度：160px

背景：黑色；

位置：值；

top:218px

左侧：248px

z-索引：3;

}。face.mouth{

宽度宽度：280像素

高度：280像素

border-bottom :5 pxsolidblack；

边界半径：140 px

位置：值；

top:98px

left:105px

}。脸。小胡子。MutR _ high {

宽度：80 px

高度：2px

背景：黑色；

位置：值；

top:220px

left:295px

z-索引：2;

}。脸。小胡子。MutR_middle{

宽度：80 px

高度：2px

背景：黑色；

位置：值；

top:240px

left:295px

z-索引：2;

}。脸。小胡子。MutR _ low {

宽度：80 px

高度：2px

背景：黑色；

位置：值；

top:260px

left:295px

z-索引：2;

}。脸。小胡子。MutL_top{

宽度：80 px

高度：2px

背景：黑色；

位置：值；

top:220px

left:115px

z-索引：2;

}。脸。小胡子。MutL_center{

宽度：80 px

高度：2px

背景：黑色；

位置：值；

top:240px

left:115px

z-索引：2;

}。脸。小胡子。MutL_bottom{

宽度：80 px

高度：2px

背景：黑色；

位置：值；

top:260px

left:115px

z-索引：2;

}。脸。小胡子。MutL_bottom。脸。小胡子。MutR _ high {

变压器：旋转(160度);

}。脸。小胡子。MutL_top。脸。小胡子。MutR _ low {

变压器：旋转(200度);

}。脖子{

宽度宽度：300px

高度：30像素

背景-color : # a 31 f 12；

border:2pxsolidblack

边界半径：15 px

位置：相对；

top:0px

左侧：250像素

z索引：4；

}。脖子，贝尔

宽度：60 px

高度：60像素

飞越：隐藏；

border:2pxsolidblack

边界半径：60 px

背景-color : # cfcb 3c；

位置：值；

top:5px

左侧：120px

}。贝尔。Bline{

宽度：60 px

高度：2px

背景-color : # cfcb 3c；

border:2pxsolidblack

border-radius :3 px3px 00

位置：值；

top:15px

}。贝尔。Bcircle{

宽度：20像素

高度：16像素

背景：黑色；

边界半径：8 px

位置：值；

top:25px

左侧：20像素

}。贝尔。Bunderpart{

宽度：3px

高度：20像素

背景色：黑色；

位置：值；

左侧：28px

top:40px

}。body{

位置：相对；

top :-300 px；

z-索引：1;

}

身体，肚子

宽度宽度：280像素

高度：240像素

背景-color : # 00 B1 e 1；

border:2pxsolidblack

位置：值；

top:267px

左侧：260px

}

尸体。肚兜

宽度宽度：220像素

高度：220像素

背景色：白色；

border:2pxsolidblack

边界半径：110 px

位置：值；

左侧：290px

top:267px

}

body.pocket{

宽度宽度：160px

高度：160px

边界半径：80像素；

背景色：白色；

border:2pxsolidblack

位置：值；

top:305px

左侧：320像素

}。封面{

宽度：164px

高度：80像素

背景色：白色；

border-bottom :2 pxsolidblack；

/* border :5 pxsolidorange；*/

位置：值；

top:300px

左侧：320像素

}。左手，右手{

高度：100px

宽度宽度：100px

位置：值；

top:272px

左侧：248px

}。左手{

左：-10px；

}。左手Larm{

宽度：70像素

高度：100px

背景-color : # 00 bee 8；

border:1pxsolidblack

位置：相对；

top:200px

left:535px

变压器：旋转度(135度);

/* z-索引：-1;*/

}。右手{

左：-10px；

}。右手Rarm{

宽度：70像素

高度：100px

背景-color : # 00 bee 8；

border:1pxsolidblack

/* z-索引：-1;*/

位置：相对；

top:200px

left:215px

变压器：旋转度(45度);

}。左手Lpalm。右手Rpalm{

宽度：80 px

高度：80像素

边界半径：40 px

border:2pxsolidblack

背景色：白色；

位置：值；

}。右手Rpalm{

左侧：580像素

top:260px

z-索引：1;

}。左手Lpalm{

左侧：160px

top:260px

z-索引：1;

}

左脚，左脚，

右脚

宽度宽度：150像素

高度：40像素

背景色：白色；

border:2pxsolidblack

border-radius :80 px60 px60 px40 px；

位置：相对；

}

foot.left_foot{

左侧：240像素

top:210px

}

右脚

top:165px

left:410px

}。脚。胯{

宽度：40 px

高度：20像素

背景色：白色；

border:2pxsolidblack

边框-底部：无；

边界半径：40 px40 px00

位置：相对；

top:103px

left:382px

z-index:2

}

/style

/head

身体

divclass='wrap '

divclass='整体'

！-头-

divclass='head '

！-眼-

divclass='eye '

！-左眼-

divclass='left_eye '

！-左眼球-

divclass='LeyeBall'/div

/div

！-右眼-

divclass='右眼'

！-右眼球-

divclass='ReyeBall'/div

/div

/div

！-脸-

divclass='face '

！-脸型-

divclass='feature'/div

！-鼻-

divclass='nose'/div

！-鼻子线-

divclass='Nline'/div

！-嘴-

divclass='嘴部/div

！-胡子-

divclass='小胡子'

divclass='MutL_top'/div

divclass='MutL_center'/div

divclass='MutL_bottom'/div

div class=' MutR _ high '/div

divclass='MutR_middle'/div

divclass='MutR_lower'/div

/div

/div

/div

！-脖子-

divclass='neck '

！-铃铛-

divclass='bell '

divclass='Bline'/div

divclass='Bcircle'/div

divclass='Bunderpart'/div

/div

/div

！-身体-

divclass='body '

！-肚子-

divclass='肚子/div

！-肚兜-

divclass='肚兜/div

！-口袋-

divclass='pocket'/div

divclass='cover'/div

/div

！-左手-

divclass='left_hand '

！-手臂-

divclass='Larm'/div

！-手掌-

divclass='Lpalm'/div

/div

！-右手-

divclass='right_hand '

！-手臂-

divclass='Rarm'/div

！-手掌-

divclass='Rpalm'/div

/div

！-脚-

divclass='foot '

！-左脚-

divclass='left_foot'/div

！-右脚-

divclass='right_foot'/div

divclass='分叉/div

/div

/div

/div

/body

/html