CSS Background Generator

CSS Background Generator helps you design beautiful backgrounds with gradients, images, and patterns fully visual and code-ready.

Background Options

Image URL:

none

Position:

X : 0 Y : 0

Repeat:

no-repeat repeat repeat-x repeat-y

Attachment:

scroll fixed local

Background Color:

Opacity 100%

One line

background: #F5CD83 url("/images/star1.png") no-repeat scroll 0% 0%;

Get Code

Preview

HTML

CSS

WYSIWYG

Edit

Easily build CSS backgrounds using solid colors, gradients, or images, then export clean CSS for your website.