<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人信息页面</title>
<link href="css/info.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<h1>个人信息</h1>
<div class="element">
<div class="element-left">
<div class="edit">
<form>
<ul>
<li>
<input type="text" placeholder="请输入用户名">
<a href="#" class="user1"></a>
</li>
<li>
<input type="text" placeholder="请输入密码">
<a href="#" class="lock1"></a>
</li>
</ul>
</form>
</div>
<div class="submit">
<input type="submit" value="修改密码">
</div>
</div>
<div class="element-right">
<div class="teddy-bear">
<div class="teddy-text">
<img src="images/b1.jpg" alt="" class="img-responsive">
<h4>科学怪人</h4>
</div>
<div class="teddy-follow">
<ul>
<li class="follw-h"><h3>2.5万</h3>
<P>粉丝</p>
</li>
<li class="follw-r"><h3>100</h3>
<P>关注</p>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
<div class="element-last">
<ul class="content">
<li class="menu button">
<a href="#">个人资料<span class='icon'></span></a>
</li>
<li class="menu button">
<a href="#">消息<span class='icon stat'></span><i>133</i></a>
</li>
<li class="menu button">
<a href="#">设置<span class='icon msg'></span></a>
</li>
<li class="menu button">
<a href="#">退出登录<span class='icon signout'></span></a>
</li>
</ul>
</div>
</div>
</body>
</html>
①本站所有成品淘宝购买需确认收货并好评后发货；
②所有作品如需修改需另加费用；
③所有作品没有任何人的姓名学校之类信息；
④请务必确认网页是您需要的，源码具有可复制性，所以无法退换！
⑤每份网页都可以更换内容，费用50元起，如需更换内容请联系客服!
dw网页设计
»
个人信息页面练习
