HTML 代码示例:创建居中人物介绍页面
<!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>在上述代码中,我们创建了一个名为"center"的类,用于定义div的样式。通过设置div的宽度为500px,高度为600px,并使用<code>margin: 0 auto</code>将其居中显示。div的背景颜色设置为#f2f2f2,并添加了20px的内边距以增加内容与边框的间距。</p>
<p>在div内部,您可以自定义人物的介绍信息,例如使用<code><h1></code>标签来显示人物的姓名,使用<code><p></code>标签来展示人物的详细介绍。</p>
<p>请将上述代码复制到一个HTML文件中,并在div内部填充人物的介绍信息即可。</p>
原文地址: https://www.cveoy.top/t/topic/pE4f 著作权归作者所有。请勿转载和采集!