制作一个简单的HTML个人网页

最新推荐文章于 2024-04-24 09:27:42 发布

爱吃瓜的程序猿

最新推荐文章于 2024-04-24 09:27:42 发布

阅读量357

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/centaury32/article/details/136844471

版权

#制作一个简单的HTML个人网页#

#HTML#

制作一个简单的HTML个人网页

1.先创建一个html框架

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人网页</title>
<style type="text/css">
	.container{
		width: 1200px;
		margin: 50px auto 0;
		background-color: #f00;
	}
	.container .content .user-profile{
		height: 200px;
		background-color: #f0f;
	}
	img{
		width: 100px;
		height: 100px;
		border-radius: 100%;
		border: 5px solid #fff;
		margin-top: -30px;
	}
</style>
</head>
<body>
    <div class="container">
		<!-- <div class="header">
			<h1 style="text-align: center;">个人网页</h1>
		</div> -->
		<div class="content">
			<div class="user-profile">
				<div class="avatar">
					<img src="" alt="" />
				</div>
			</div>
		</div>
	</div>
</body>
</html>