<!DOCTYPE html>
<html>
<head>
<style>
.clearfix{
zoom:1;
}
.clearfix:after{
content:"";
display:block;
visibility:hidden;
height:0;
clear:both;
}
.zu{
margin:0 auto;
}
.bobi{
border:3px solid #cfc0a9;
width:340px;
float:left;
margin-left:5px;
margin-top:5px;
brackground:#cedef3;;
}
.bobi img{
width:300px;
height:300px;
padding:20px 20px 20px 20px;
border-radius:50%;
}
.bt{
padding-top:15px;
padding-bottom:15px;
border-top:3px solid #cfc0a9;
color:#ff6173;
text-align:center;
}
header img{
width:300px;
height:150px;
float:left;
}
</style>
</head>
<meta charset="utf-8">
<title>我的手机网站</title>
<body>
<header class="clearfix">
<div><a href="http://www.baidu.com"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516523113288&di=64d87e9e52ce6be608c80346bf8afcca&imgtype=0&src=http%3A%2F%2Floiy.net%2Fwp-content%2Fuploads%2F2014%2F08%2FTENCENT-QQ-LOGO.png"/></a></div>
<div style="float:right;text-align:center;padding-top:55px;margin-right:20px;color:#ffad97;">网页制作第一张</div>
</header>
<div class="zu">
<div class="bobi">
<a href="http://www.baidu.com"> <img src="http://222.186.24.55/jiekouQQ2222225407/bianhua.jpg"/></a>
<div class="bt">圆形logo</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/yemei.jpg"/>
<div class="bt">圆形logo</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/jiuweihu.jpg"/>
<div class="bt">圆形logo</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/laoshi.jpg"/>
<div class="bt">圆形logo</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/yeyan.jpg"/>
<div class="bt">圆形logo</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/huangmei.jpg"/>
<div class="bt">圆形logo</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/huangchao.jpg"/>
<div class="bt">圆形logo</div>
</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/lanse.jpg"/>
<div class="bt">圆形logo</div>
</div>
<div class="bobi">
<img src="http://222.186.24.55/jiekouQQ2222225407/liusha.jpg"/>
<div class="bt">圆形logo</div>
</div>
</body>
</html>
