html5做qq图标,qq图标代码

[HTML]纯文本查看复制代码

!

html

head

=utf-8

==

蚂蚁部落

=

.penguin{

width:650px;

height:auto;

margin:0auto;

position:relative;

}

/*头部*/

header{

width:425px;

height:340px;

border:1pxsolidblack;

background-color:black;

border-top-left-radius:50%60%;

border-top-right-radius:50%60%;

border-bottom-left-radius:50%40%;

border-bottom-right-radius:50%40%;

position:absolute;

left:125px;

top:20px;

z-index:4;

}

/*眼睛*/

.eyeleft,.eyeright{

width:75px;

height:112px;

position:absolute;

background-color:white;

border:1pxsolidblack;

border-radius:50%;

}

.eyeleft{

left:120px;

top:90px;

}

.eyeright{

left:230px;

top:90px;

}

.eyeleft.eyes{

width:27px;

height:46px;

background-color:black;

position:absolute;

border:1pxsolidblack;

border-radius:50%;

left:40px;

top:37px;

}

.eyeright.eyess{