CSS Generator Advanced — Free Tool

CSS Generator (Advanced)

This is a more advanced version of our CSS script that allows you to generate more detailed CSS code for your website. A CSS file is one file that can manage all design aspects of your website if needed.

Create your Body Style

Body Background Color

(Pick Color)

Background Image URL

If Using Background Image, Choose Image Properties

Background Image Repeat

Background Image Scrolling

Background Image Positioning

Body Font Family

Body Font Size

Body Font Color

(Pick Color)

Body Font Weight

Body Margin

Body Border Color

(Pick Color)

Body Border size

Scrollbar Base Color

(Pick Color)

Scrollbar Arrow Color

(Pick Color)

Create your Link Styles

Link Font Family

Link Font Size

Link Font Color

(Pick Color)

Link Font Weight

Link Background Color

(Pick Color)

Link Text Decoration

Link Hover Font Family

Link Hover Font Size

Link Hover Font Color

(Pick Color)

Link Hover Font Weight

Link Hover Background color

(Pick Color)

Link Hover Text Decoration

Create your Text Positioning Styles

Blockquote Font Family

Blockquote Font Size

Blockquote Font Color

(Pick Color)

Blockquote Font Weight

Blockquote Text Align

Blockquote Background Color

(Pick Color)

Blockquote Padding

Blockquote Border Color

(Pick Color)

Blockquote Border Size

Div Font Family

Div Font Size

Div Font Color

(Pick Color)

Div Font Weight

Div Text Align

Div Background Color

(Pick Color)

Div Padding

Div Border Color

(Pick Color)

Div Border Size

Div Height - px or %

ie: 100px

Div Width - px or %

ie: 100%

P Font Family

P Font Color

(Pick Color)

P Font Weight

P Text Align

P Background Color

(Pick Color)

P Padding

P Border Color

(Pick Color)

P Border Size

P Height - px or %

ie: 100px

P Width - px or %

ie: 100%

Span Font Family

Span Font Size

Span Font Color

(Pick Color)

Span Font Weight

Span Text Align

Span Background Color

(Pick Color)

Span Padding

Span Border Color

(Pick Color)

Span Border Size

Span Height - px or %

ie: 100px

Span Width - px or %

ie: 100%

div Font Family

div Font Size

div Font Color

(Pick Color)

div Font Weight

Create your Header Styles

H1 Font Family

H1 Font Color

(Pick Color)

H2 Font Family

H2 Font Color

(Pick Color)

H3 Font Family

H3 Font Color

(Pick Color)

H4 Font Family

H4 Font Color

(Pick Color)

Create your Structured Lists Styles

OL Font Family

OL Font Size

OL Font Color

(Pick Color)

OL Font Weight

UL Font Family

UL Font Size

UL Font Color

(Pick Color)

UL Font Weight

Create your Form Styles

Input Font Family

Input Font Size

Input Font Color

(Pick Color)

Input Font Weight

Input Background Color

(Pick Color)

Input Padding

Input Border Color

(Pick Color)

Input Border Size

Select Font Family

Select Font Size

Select Font Color

(Pick Color)

Select Font Weight

Select Background Color

(Pick Color)

Textarea Font Family

Textarea Font Size

Textarea Font Color

(Pick Color)

Textarea Font Weight

Textarea Background Color

(Pick Color)

Textarea Padding

Textarea Border Color

(Pick Color)

Textarea Border Size

Textarea Scrollbar Base Color

(Pick Color)

Textarea Scrollbar Arrow Color

(Pick Color)

Create your HR Styles

HR Color

(Pick Color)

HR Height - px or %

ie: 20px

HR Width - px or %

ie: 50%