FREE CSS Template

FREE CSS Template for your website. Below are 2 FREE css templates and a css template to change the color of the web browsers scroll bar.

To use any of the style sheet examples just copy the green highlighted css code and paste it into a new text file and save it with the file extension .css.

Example mycss.css

CSS Style One

———————————–

To use this style please copy the code below.

BODY, TD {

background-color: Gray;

font-family: sans-serif;

}

A {

color: blue;

}

A:Hover {

color: red;

}

H1, H2, H3, H4 {

font-variant: small-caps;

background-color: black;

color: white;

padding: 4px;

width: 100%;

}

———————————–

CSS Style Two – FREE CSS Template

To use this style please copy the code below.

BODY {

background-color : #EEEEEE;

color : #000000;

font-family : Arial, Tahoma, Helvetica, sans-serif;

margin-left : 8%;

margin-right : 5%;

}

A:LINK, A:VISITED {

color : #000099;

text-decoration : none;

}

A:HOVER {

background-color : #FFFFFF;

color : #00009F;

text-decoration : none;

}

H1 {

color : #990000;

font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size : 200%;

margin-bottom : -1em;

margin-left : -5%;

}

H2 {

color : #990000;

font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size : 160%;

margin-left : -5%;

margin-top : 2.7em;

}

H3 {

color : #990000;

font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size : 140%;

margin-left : -5%;

margin-top : 2em;

}

H4 {

color : #990000;

font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size : 115%;

margin-left : -5%;

margin-top : 1.5em;

}

H5 {

color : #990000;

font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-size : 100%;

font-weight : 900;

margin-top : 1.5em;

}

H6 {

color : #000000;

font-family : Arial, Helvetica, sans-serif;

font-size : 100%;

font-style : italic;

font-weight : 800;

margin-bottom : -0.8em;

}

BLOCKQUOTE {

margin-left : 0;

}

CAPTION {

font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;

font-weight : 800;

}

TH {

background-color : #FFFFFF;

}

TD {

background-color : #F0F0F0;

}

FREE CSS Template Style Three – Adding color to your Scrollbar

———————————–

To use this style please copy the code below.

body {

scrollbar-3dlight-color : #999999;

scrollbar-arrow-color : #999999;

scrollbar-base-color : #666666;

scrollbar-darkshadow-color : Black;

scrollbar-face-color : #666666;

scrollbar-highlight-color : #999999;

scrollbar-shadow-color : #999999;

scrollbar-track-color : #8B8B8B;

}

If you want to change the color scheme to suit your website you can do this by changing the colours that start with # in the above code.

Example: #666666