web前端开发盒子的嵌套

最新推荐文章于 2025-03-09 16:38:17 发布

Cathy___Sun

最新推荐文章于 2025-03-09 16:38:17 发布

阅读量1.1k

点赞数

文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/Cathy___Sun/article/details/126789334

版权

web前端开发盒子的嵌套

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.father{
				width: 300px;
				height: 300px;
				background-color: gray;
			}
			.son{
				width: 100px;
				height: 100px;
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<div class="father">
			I am father
			<div class="son">
				I am child
			</div>
		</div>
	</body>
</html>