CSS 背景生成器

设置背景颜色、背景图像、位置、尺寸与重复方式,工具会生成 background 简写的 CSS 代码,位置与尺寸会自动组合为 position/size 形式。全部在浏览器本地完成。

背景设置 等待输入

颜色与图像可同时设置;位置与尺寸以 position/size 形式组合。

计算结果
属性数—
尺寸—
设置参数后点击生成,CSS 代码将显示在这里。

生成的代码可直接粘贴使用;结果仅供参考。

计算说明
  • background 是背景相关属性的简写。
  • 位置与尺寸合写为 position/size,如 center/cover。
  • cover 铺满容器可能裁剪,contain 完整显示可能留白。
  • 颜色通常放在最后(也可放在最前),建议写在简写末尾。
  • 使用简写会重置未显式设置的背景子属性。