制作一个网页简历，简历中至少应包含：简历封面、个人简介页面，尽量使用CSS+div方式布局页面，不使用表格布局

好的，我可以为您提供一个网页简历的制作思路和步骤，希望能对您有所帮助。

1. 设计简历封面：在HTML中使用div元素作为容器，使用CSS设置背景颜色、文字样式等。可以使用伪元素:before或:after来添加一些装饰性的图标或线条。

HTML代码示例：

<div class="cover">
  <h1>姓名</h1>
  <p>电话：xxx-xxxx-xxxx</p>
  <p>邮箱：xxxxx@xxx.com</p>
</div>

CSS代码示例：

.cover {
  background-color: #333;
  color: #fff;
  padding: 50px;
  text-align: center;
}

.cover h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.cover p {
  font-size: 24px;
  margin-bottom: 10px;
}

.cover::before {
  content: "";
  display: block;
  width: 150px;
  height: 3px;
  background-color: #fff;
  margin: 0 auto 20px;
}

2. 制作个人简介页面：同样使用div元素作为容器，使用CSS设置布局和样式。可以使用CSS3的Flexbox或Grid等布局方式，不使用表格布局。

HTML代码示例：

<div class="intro">
  <h2>个人简介</h2>
  <ul>
    <li><strong>姓名：</strong>XXX</li>
    <li><strong>年龄：</strong>XX岁</li>
    <li><strong>学历：</strong>XXX</li>
    <li><strong>专业：</strong>XXX</li>
    <li><strong>电话：</strong>XXX</li>
    <li><strong>邮箱：</strong>XXX</li>
    <li><strong>地址：</strong>XXX</li>
  </ul>
  <h2>教育背景</h2>
  <ul>
    <li><strong>学校：</strong>XXX</li>
    <li><strong>专业：</strong>XXX</li>
    <li><strong>学历：</strong>XXX</li>
    <li><strong>在校经历：</strong>XXX</li>
  </ul>
  <h2>工作经验</h2>
  <ul>
    <li>
      <strong>公司：</strong>XXX
      <p><strong>职位：</strong>XXX</p>
      <p><strong>时间：</strong>XXX</p>
      <p><strong>工作内容：</strong>XXX</p>
    </li>
    <li>
      <strong>公司：</strong>XXX
      <p><strong>职位：</strong>XXX</p>
      <p><strong>时间：</strong>XXX</p>
      <p><strong>工作内容：</strong>XXX</p>
    </li>
  </ul>
</div>

CSS代码示例：

.intro {
  padding: 50px;
}

.intro h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.intro ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.intro li {
  margin-bottom: 20px;
}

.intro li strong {
  font-weight: bold;
}

.intro li p {
  margin: 10px 0 0;
}

3. 响应式设计：为了使简历适应不同的设备，需要添加响应式设计。可以使用媒体查询等方式来实现。

CSS代码示例：

@media screen and (max-width: 768px) {
  .cover h1 {
    font-size: 36px;
  }
  
  .cover p {
    font-size: 18px;
  }
  
  .intro h2 {
    font-size: 24px;
  }
  
  .intro li {
    margin-bottom: 10px;
  }
}

最后，您可以根据自己的需求和喜好来调整样式和内容。希望这些示例和思路能帮助到您！