// 盒子模型组成
在这里插入图片描述
border边框
在这里插入图片描述
border-style
在这里插入图片描述
实线边框 solid
点线 dotted
虚线 dashed
复合写法:
在这里插入图片描述
边框分开写法:
在这里插入图片描述
合并相邻边框:
在这里插入图片描述
盒子大小不包括边框

margin外边距
盒子大小不包括外边距
在这里插入图片描述
复写方式同内边距

让盒子永远水平居中(块级元素)
在这里插入图片描述

padding内边距
盒子大小不包括内边距
在这里插入图片描述
复合写法:
在这里插入图片描述
没有给元素指定宽高的情况下设置padding不会有撑大盒子的现象

content实际内容

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐