用户中心
外边距:margin
内边距:padding
清除所有格式*{ }
margin:0 auto;居中显示
实例:
程序代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户信息</title>
<style>
*{margin: 0;
padding: 0;}
.a{
width: 150px;
height: 280px;
margin: 50px auto;
font-family: "微软雅黑";
}
div p{
width: 130px;
height: 20px;
border:#000000 solid 1px;
margin: 2px;
padding: 10px;
}
</style>
</head>
<body>
<div class="a">
<div>
<img src="user.jpg" alt="图片"/> </div>
<div>
<p>用户姓名:</p>
<p>学习进度:</p>
<p>兴趣爱好:</p>
<p>参与的群:</p>
</div>
</div>
</body>
</html>