<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>盒子模型</title>
<style>
p{
border:1px solid red;
width:200px;
height:200px;
/*padding:100px;*/
/*顺时针 如果没有找对面*/
padding:50px 100px 80px 70px;
/*外边距*/
/*margin:100px;*/
/*margin:50px 100px;*/
margin:0;
/*
盒子模型
width宽 height高 border边框 padding内边距 margin外边距
.一个标签的宽度 width+2border+2paddings
*/
}
</style>
</head>
<body>
<p>段落</p>
</body>
</html>!
实训day3 盒子模型
最新推荐文章于 2024-08-30 15:10:39 发布