免费 · 开发
CSS 盒模型.
CSS 盒模型 — 无需注册，即可在浏览器中使用免费工具。
LOCAL PROCESSING · NO ACCOUNT
使用方法: CSS 盒模型
输入数据或选择文件，调整设置并生成结果。复制或下载之前，请检查结果。
限制与支持格式
输入内容在您的设备上处理。货币换算仅发送货币代码，以获取带日期的参考汇率。
英语技术说明
Bounded numeric controls and six-digit hex colors. Preset generation, not an arbitrary CSS editor. Review layout and contrast in the target application.
Inspect content, padding, border and margin widths under either box-sizing model. Generated snippets contain no scripts, external images or network requests.
Generate the example settings to preview and copy the resulting CSS.