<!DOCTYPE html>
<html>
<head>
<style>
.center {
  width: 500px;
  height: 600px;
  margin: 0 auto; /* 居中 */
  background-color: #f2f2f2;
  padding: 20px;
}
</style>
</head>
<body>
<div class="center">
  <h1>人物介绍</h1>
  <p>在这里写下人物的介绍信息...</p>
</div>
</body>
</html>
<p>在上述代码中,我们创建了一个名为&quot;center&quot;的类,用于定义div的样式。通过设置div的宽度为500px,高度为600px,并使用<code>margin: 0 auto</code>将其居中显示。div的背景颜色设置为#f2f2f2,并添加了20px的内边距以增加内容与边框的间距。</p>
<p>在div内部,您可以自定义人物的介绍信息,例如使用<code>&lt;h1&gt;</code>标签来显示人物的姓名,使用<code>&lt;p&gt;</code>标签来展示人物的详细介绍。</p>
<p>请将上述代码复制到一个HTML文件中,并在div内部填充人物的介绍信息即可。</p>
HTML 代码示例:创建居中人物介绍页面

原文地址: https://www.cveoy.top/t/topic/pE4f 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录