HTML与CSS案例——人物简介

最新推荐文章于 2023-12-19 10:37:33 发布

少年白马

最新推荐文章于 2023-12-19 10:37:33 发布

阅读量6.3k

点赞数 18

本文链接：https://blog.csdn.net/qq_44833724/article/details/118346701

版权

这篇博客展示了如何使用HTML和CSS来创建一个详细的人物简介。通过HTML实现代码结构，然后结合CSS外部样式，达到了良好的展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现代码和效果

HTML实现代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>人物简历-胡歌</title>
		<link rel="stylesheet" type="text/css" href="css/resume.css" />
	</head>
	<body>
		<div id="container">
			<h1>人物简历——胡歌</h1>
			<div id="nav">
				<ul>
					<li>
						<a href="#info">基本信息</a>
					</li>
					<li>
						<a href="#early">早年经历</a>
					</li>
					<li>
						<a href="#career">演艺经历</a>
					</li>
					<li>
						<a href="#prize">获奖记录</a>
					</li>
					<li>
						<a href="#contribution">社会活动</a>
					</li>
					<li>
						<a href="#contact">联系信息</a>
					</li>
				</ul>
			</div>

			<div class="center">
				<img class="margin" src="img/huge.jpg " width="200px" height="280px"