CSS——盒子模型

MDeleter

于 2022-02-10 17:44:50 发布

阅读量447

点赞数

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： css html css3

本文链接：https://blog.csdn.net/mdeleter/article/details/122866047

Web 专栏收录该内容

11 篇文章

订阅专栏

没有检索到摘要

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

验证：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 100px;
				height: 100px;
				background-color: green;
				margin-left: 100px;
				border: 4px red solid;
			}
		</style>
	</head>
	<body>
		<div>我是div</div>
	</body>
</html>

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*将所有元素的样式全设置为0*/
		*{
			margin: 0px;
			border: 0px;
			padding: 0px;
		}
			#outer{
				width: 440px;
				height: 500px;
				background-color: lightskyblue;
				margin-left: 100px;
				margin-top: 100px;
				padding-top: 50px;
				padding-left: 60px;
			}
			#mydiv{
				width: 200px;
				height: 200px;
				background-color: pink;
			}
		</style>
	</head>
	<body>
		<div id="outer">
			<div id="mydiv">我是div</div>
		</div>
	</body>
</html>