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

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

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

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

content实际内容

# css # 学习 # 前端
Logo
MCP技术社区

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

更多推荐

cover

8种封装的1700V国产碳化硅(SiC)功率模块产品介绍及应用

avatar MCP技术社区
cover

（一篇入门）汽车电子电器 之 电机MCU控制器 四

avatar MCP技术社区

OpenCV C++ 入门实战：从基础操作到类封装全解析

Mat数据结构、图像读写、颜色空间转换、像素操作、算术运算和轨迹栏交互，以及面向对象封装思想。图像处理：学习滤波（高斯滤波、中值滤波）、边缘检测（Canny、Sobel）、形态学操作（腐蚀、膨胀）。目标检测：掌握轮廓提取（）、特征匹配（）、Haar 级联分类器。视频处理：使用读取视频，对帧进行实时处理。性能优化：学习多线程、GPU 加速（cv::cuda模块），提升处理速度。通过持续实践，可逐步掌

avatar MCP技术社区