CSS Sample

You can copy and paste this into a plain text editor such as Note Pad, TextEdit, or any similar program. Make sure you are in plain text mode. This means that all rich text controls, such as bold, italic, underline, colors, and the like are not only turned off, but the options are not even given to you.

DO NOT use Microsoft Word or any other "fancy" word processor. The fewer features, the better.

When you save, name the file with a .css extension. This lets the computer know that you've written css, not just text.

/* This is a comment */

/* Set the background color */
body {
  background-color: #F396A2;
  }

/* This is how links will look when untouched */
a:link {
  color: #00FF00;
  text-decoration: none;
  }

/* This is how links look when hovered over with the mouse */
a:hover {
  color: #FFFFFF;
  background-color: red;
  text-decoration: underline;
  }

/* This is how links look when clicked */
a:active {
  color: #123456;
  text-decoration: underline overline;
  }

/* This is how links look after they're clicked */
a:visited {
  color: blue;
  text-decoration:underline;
  }

/* This makes a text class named "special" */
.special {
  border: 3px solid #0000FF;
  font-size: 150%;
  text-align:center;
  padding: 4em;
  }

/* This gives all the tables a border */
table {
  border: 3px ridge #1234DD;
  }

/* This gives all cells of a table a border, and centers the text */
td {
  border: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
  }

This is what the above code looks like after it has been saved. (It's meant to be used in conjuction with the HTML Sample. Everything Combined)