通过DIV+CSS完成一个个人主页设计代码

以下是一个简单的个人主页设计代码，使用DIV和CSS完成：

HTML代码：

<div class="container">
  <div class="header">
    <h1>个人主页</h1>
  </div>
  <div class="content">
    <h2>个人信息</h2>
    <p>姓名：张三</p>
    <p>年龄：25岁</p>
    <p>职业：程序员</p>
    <h2>个人介绍</h2>
    <p>我是一名热爱编程的程序员，喜欢研究新技术，希望能够在编程领域有所成就。</p>
  </div>
  <div class="footer">
    <p>版权所有 © 2021 张三</p>
  </div>
</div>

CSS代码：

.container {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 20px;
}

.header {
  text-align: center;
}

.content {
  margin-top: 20px;
}

.footer {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: #999;
}

这个代码使用了一个容器元素（class为container），包含了一个头部元素（class为header）、一个内容元素（class为content）和一个底部元素（class为footer）。其中，头部元素包含了一个标题，内容元素包含了个人信息和个人介绍，底部元素包含了版权信息。CSS代码设置了容器元素的宽度、边框、内边距和居中对齐，头部元素居中对齐，底部元素居中对齐并设置了字体大小和颜色。