CSS Generator - Background

CSS Generator - Background

CSS background property allows you to set background color and image to HTML element.

Background image start from top left corner by default but you can move it's position by keywords, pixel or percent values. You can set background color in semi transparent as well.

background:url('<IMG-SRC>') <BG-REPEAT> <X-POSITION> <Y-POSITION> <COLOR>;

You can write shorthand property or individual property

1) background-repeat - by default loaded image is repeated and it covers the entire element, this property specify repeatation of image
2) background-color - colors can be HEX, RGB, RGBA, HSL format
3) background-image - source path of image URL or image base64 encode
4) background-position - X and Y position, default position is top left corner