css盒子模型

阅读 54

2022-03-11

<!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>

在这里插入图片描述

精彩评论(0)

0 0 举报