CSS Generator

Generate your own CSS style sheet code with this CSS generator.

Create your Body Style
Body Background 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
Body Font Weight
Body Margin
Body Border Color
Body Border size
Scrollbar Base Color
Scrollbar Arrow Color
Create your Link Styles
Link Font Family
Link Font Size
Link Font Color
Link Font Weight
Link Background Color
Link Text Decoration
Link Hover Font Family
Link Hover Font Size
Link Hover Font Color
Link Hover Font Weight
Link Hover Background color
Link Hover Text Decoration
Create your Text Positioning Styles
Blockquote Font Family
Blockquote Font Size
Blockquote Font Color
Blockquote Font Weight
Blockquote Text Align
Blockquote Background Color
Blockquote Padding
Blockquote Border Color
Blockquote Border Size
Div Font Family
Div Font Size
Div Font Color
Div Font Weight
Div Text Align
Div Background Color
Div Padding
Div Border Color
Div Border Size
Div Height - px or %
ie: 100px
Div Width - px or %
ie: 100%
P Font Family
P Font Color
P Font Weight
P Text Align
P Background Color
P Padding
P Border 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
Span Font Weight
Span Text Align
Span Background Color
Span Padding
Span Border 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
div Font Weight
Create your Header Styles
H1 Font Family
H1 Font Color
H2 Font Family
H2 Font Color
H3 Font Family
H3 Font Color
H4 Font Family
H4 Font Color
Create your Structured Lists Styles
OL Font Family
OL Font Size
OL Font Color
OL Font Weight
UL Font Family
UL Font Size
UL Font Color
UL Font Weight
Create your Form Styles
Input Font Family
Input Font Size
Input Font Color
Input Font Weight
Input Background Color
Input Padding
Input Border Color
Input Border Size
Select Font Family
Select Font Size
Select Font Color
Select Font Weight
Select Background Color
Textarea Font Family
Textarea Font Size
Textarea Font Color
Textarea Font Weight
Textarea Background Color
Textarea Padding
Textarea Border Color
Textarea Border Size
Textarea Scrollbar Base Color
Textarea Scrollbar Arrow Color
Create your HR Styles
HR Color
HR Height - px or %
ie: 20px
HR Width - px or %
ie: 50%

Share and Enjoy