Developer tool / Local processing

CSS Background 產生器，
即時組合背景色、圖片與尺寸設定。

背景色圖片網址尺寸位置重複

背景預覽

CSS

常見問題

圖片網址會被上傳嗎？

不會。本工具只在瀏覽器中組合 CSS；預覽圖片由瀏覽器直接讀取你輸入的網址。

background-size 的 cover 和 contain 有什麼不同？

cover 會填滿容器並可能裁切圖片；contain 會完整顯示圖片但可能留下空白。