<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{
margin: 0;
padding:0;
}
.box{
height:382px;
width:208px;
border: 1px solid #CECECE;
margin: 20px auto;
}
.title{
height:25px;
background: #ECEDEE;
}
h4{
height:25px;
line-height: 25px;
font-size:14px;
padding-left: 10px;
}
.photo{
width: 180px;
height: 180px;
border:1px solid #CCCCCC;
margin:10px auto;
}
.weibo{
text-align: center;
border-bottom: 1px dotted #D1D1D1;
padding-bottom:15px;
}
.weibo input{
width: 70px;
height: 21px;
background: url("img/1.jpg") no-repeat;
}
.friend{
text-align: center;
margin-top: 5px;
}
.friend input{
width: 69px;
height: 23px;
margin-bottom:5px;
}
</style>
</head>
<body>
<div class="box">
<div class="title">
<h4>个人资料</h4>
</div>
<div class="weibo">
<img alt="" src="img/1.jpg">
<br />
<span>v闪闪</span>
<span/>
<br />
<input type="button" value="微博"/>
</div>
<div class="friend">
<input type="button" value="加为好友"/>
<input type="button" value="加为好友"/>
<input type="button" value="加为好友"/>
<input type="button" value="加为好友"/>
</div>
</div>
</body>
</html>
4222
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
