个人主页网站HTML和css

                                以下是一个简单的个人主页网站的HTML和CSS代码示例：
复制

HTML：

 
 
 
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>个人主页</title>
<link rel="stylesheet" href="styles.css">
 
 
<header>
<h1>迎来到我的个人主页</h1>
</header>
<section id="about">
<h2>关于我这是一个关于我自己的个人主页。我是一名Web开发者，热爱设计和编程。希望能通过这个网站展示我的作品和技能。<p></p>
</h2></section>
<section id="portfolio">
<h2>我的作</h2>
<div class="portfolio-item">
<img src="project1.jpg" alt="Project 1" class="project-img">
<p项目描述< p="">
</p项目描述<></div>
<div class="portfolio-item">
<img src="project2.jpg" alt="Project 2" class="project">
<p>项目描述</p>
</div>
</section>
<footer>
<p>© 2021 版权所有</p>
 复制

CSS（styles.css）：

body {
  font-family: Arial, sans-serif;
 : 0;
  padding: 0;
}
 
header {
  background-color: #333;
  color: #fff;
  text-align:;
  padding: 10px 0;
}
 
#about, #portfolio {
  max-width: 800px;
  margin: px auto;
}
 
h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
 
.portfolio-item {
  margin: 20px;
}
 
.project-img {
  width: 100%;
}
 
footer {
  background-color: #333;
  color: #fff  text-align: center;
  padding: 10px 0;
}复制

在上面的代码示例中，我们创建一个简单的个人主页网站，包括一个标题、关于我、我的作品和页脚部分。我们HTML来定义页面结构和内容，并使用CSS来样式化页面的外观。您可以根据需要对这些代码调整和修改，以满足您的个人需求和风格。