CSS的盒子模型

最新推荐文章于 2025-05-20 20:37:32 发布

不是很喜欢打码的小手

最新推荐文章于 2025-05-20 20:37:32 发布

阅读量98

点赞数

文章标签： html css

本文链接：https://blog.youkuaiyun.com/weixin_42230478/article/details/80990742

版权

内边距属性：padding-top、padding-right、padding-button、padding-left、padding

padding：10px （上下左右是10px）

padding：10px 20px （上下是10px 左右是20px）

padding：10px 20px 30px (上10px 右20px 下30px 左20px）

padding：10px 20px 30px 40px （上右下左顺时针方向）

外边据属性：margin-top、margin-right、margin-button、margin-left、margin

CSS绝对定位：

position:absolute

top:控制距离顶部的位置

left：控制距离左边的位置

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div style="border: 5px solid red;width:200px;height: 200px;position: absolute;top:50px;left:50px;">
		<font size="5">大帅哥</font>
	</div>
</body>
</html>