CSS系列之（三）CSS的盒子模型

CSS的盒子模型

盒子：用于封装数据的一片区域
在这里插入图片描述

边框
在这里插入图片描述
内边距
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
外边距的设置方式与内边距相同，除上述设置方法外，还可通过上下左右对应的属性分别进行设置。
注：body元素是有默认外边距值的，可以通过设置margin:0px;来取消默认值设置，以免由于浏览器不同造成的body元素默认值不同而引起的展示效果的不同。
在这里插入图片描述
在这里插入图片描述

posted @   刘二水  阅读(7)  评论(0)  编辑  收藏  举报
相关博文：
· CSS系列之（一）概述
· HTML系列之（二）常用元素
· CSS----3
· CSS盒子模型
· CSS笔记 - 盒模型
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
点击右上角即可分享
微信分享提示
AI IDE Trae