* {
margin: 0;
padding: 0;
}
邊寬邊 . px auto;
/*邊框: 2px 純黃;*/
背景顏色: 白色;
位置: 相對;
}
邊距 . .
}
面
寬度:500px;高度:440px;
背景顏色:#00b7e7;
邊框半徑:220px;
邊框:1px 純紅色; ft_eye,
.eye . right_eye {
寬度:100px;
高度:130px;
背景顏色:白色;
邊框:2px 純黑;上 5
邊框:2px 純黑;頂部
半徑:5 0px;
z 索引:3;
}
.eye .LeyeBall,
.eye .ReyeBall {
寬度:20px;eye .ReyeBall {
寬度:20px;
邊框半徑:10px;
位置:絕對;
上:65px;
}
.eye .left_eye {
左:146px; {
左:250px;
}
.eye .LeyeBall {
右:10px;
}
.R{🜎
.face {位置:相對;
z 索引:2;
}
.face .feature {
寬度:400px;
高度:3200px; px; 左:50px;背景:白色;} .face.nose{寬度:45px; .S. 18 ;邊框:2px純黑色;位置:絕對;頂部:165px;左:225px;z索引: 3;
}z索引: 3; 寬度x ;
高度: 160px;
背景: 黑色;
位置: 絕對;
頂: 218px;
左:248px ;
.face .mouth {
寬度: 280px;
高度: 280px;
邊框底部: 5px 純黑;
邊框半徑: 140 像素:105px;
}
.face .mustache .MutR_higher {
寬度:80px;
高度:2px;
左:295px;
z 索引:2;
}
.face .mustache .MutR_middle {
寬度: 80px;
2px
寬度:80px; :240px;左:295px;
z 索引:2;
}
.face .mustache .M utR_lower {
位置:絕對;上:260 像素;
左:295 像素;
z 索引:2;
}
p
高度:2px;背景:黑色;
位置:絕對;
上:220px;
左:115px;
z 索引:2 ;
🜎
寬度:80px;
高度:2px;
背景:黑色;
位置:絕對;
上:240px;
左:115px ;
.face .mustache .MutL_bottom {
寬度:80px;
高度:2px;
背景:黑色;
位置:絕對;
- 上:260px;
.face.mustache.MutL_bottom,
.face.mustache.MutR_higher{
轉換:旋轉(160deg);
}
face .MutR_lower {
變換:旋轉(200deg);
}
.neck {
寬度:300px;
高度:30px; ;
邊框半徑:15px;
位置:相對;
頂:0px;
左:250px;
z-索引: 4;
}
寬度z-索引: 4;
}
寬度高度: 60px;
溢位: 隱藏;
邊框: 2px 純黑;
邊框半徑: 60px ;
background-color: #cfcb3c;
position: absolute;
top: 5px;
left: 120px;
}
.bell .Bline {
width: 60px;
height: 2px;
background-color: #cfcb3c;
border: 2px solid black;
border-radius: 3px 3px 0 0;
position: absolute;
top: 15px;
}
.bell .Bcircle {
width: 20px;
height: 16px;
background: black;
border-radius: 8px;
position: absolute;
top: 25px;
left: 20px;
}
.bell .Bunderpart {
width: 3px;
height: 20px;
background-color: black;
position: absolute;
left: 28px;
top: 40px;
}
.body {
position: relative;
top: -300px;
z-index: 1;
}
.body .tummy {
width: 280px;
height: 240px;
background-color: #00b1e1;
border: 2px solid black;
position: absolute;
top: 267px;
left: 260px;
}
.body .bellyband {
width: 220px;
height: 220px;
background-color: white;
border: 2px solid black;
border-radius: 110px;
position: absolute;
left: 290px;
top: 267px;
}
.body .pocket {
width: 160px;
height: 160px;
border-radius: 80px;
background-color: white;
border: 2px solid black;
position: absolute;
top: 305px;
left: 320px;
}
.cover {
width: 164px;
height: 80px;
background-color: white;
border-bottom: 2px solid black;
/*border: 5px solid orange;*/
position: absolute;
top: 300px;
left: 320px;
}
.left_hand,
.right_hand {
height: 100px;
width: 100px;
position: absolute;
top: 272px;
left: 248px;
}
.left_hand {
left: -10px;
}
.left_hand .Larm {
width: 70px;
height: 100px;
background-color: #00bee8;
border: 1px solid black;
position: relative;
top: 200px;
left: 535px;
transform: rotateZ(135deg);
/*z-index: -1;*/
}
.right_hand {
left: -10px;
}
.right_hand .Rarm {
width: 70px;
height: 100px;
background-color: #00bee8;
border: 1px solid black;
/*z-index: -1;*/
position: relative;
top: 200px;
left: 215px;
transform: rotateZ(45deg);
}
.left_hand .Lpalm,
.right_hand .Rpalm {
width: 80px;
height: 80px;
border-radius: 40px;
border: 2px solid black;
background-color: white;
position: absolute;
}
.right_hand .Rpalm {
left: 580px;
top: 260px;
z-index: 1;
}
.left_hand .Lpalm {
left: 160px;
top: 260px;
z-index: 1;
}
.foot .left_foot,
.foot .right_foot {
width: 150px;
height: 40px;
background-color: white;
border: 2px solid black;
border-radius: 80px 60px 60px 40px;
position: relative;
}
.foot .left_foot {
left: 240px;
top: 210px;
}
.foot .right_foot {
top: 165px;
left: 410px;
}
.foot .crotch {
width: 40px;
height: 20px;
background-color: white;
border: 2px solid black;
border-bottom: none;
border-radius: 40px 40px 0 0;
position: relative;
top: 103px;
left: 382px;
z-index: 2
}
--臉型-->
;
;
;
class-- ">
== /div>
--