css盒子模型

最新推荐文章于 2025-06-05 22:40:40 发布

逐渐心动

最新推荐文章于 2025-06-05 22:40:40 发布

阅读量94

点赞数

分类专栏：盒子模型文章标签： html 前端 android studio

本文链接：https://blog.youkuaiyun.com/weixin_44701385/article/details/123292744

版权

盒子模型专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/1.css"/>
		<meta charset="utf-8">
		<title></title>
		<style>
		div{
			/* 盒子的宽度高度背景颜色 */
			width: 400px;height: 400px;background-color: green;
			/* 盒子边框的厚度 solid是实线框 dashed是虚线框 double是双线框(必须border大于1)dotted是点线
			盒子尺寸计算公式 = （width+边框线） × （height+边框线） */
			border: 10px solid #000;
			/* 内容到边框之间的距离 */
			padding: 70px;
			/* 两个盒子之间的距离 */
			margin: 50px;
		}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>