https://www.xiaobuteach.com/html/box/explorer.html?from=bili

html 盒子模型 浏览器查看盒子模型

以Chrome为例，F12打开 开发者工具，或者右键 — 检查。

元素面板下，选中相应节点，右侧切换到 计算样式 面板，下方即显示盒子模型。

其中有14个值。