University of Oregon

Web Publishing II
Exercise 4

Add a Little Style

  1. Paste the following into the Head of your HTML document:

    <style type="text/css"><!--
       body {
          background-color: #ffffff;
          color: #000000;
          font-family: Verdana,Arial,Helvetica,sans-serif;
       a:link {
          color: #cc0000;
          font-weight: bold;
       a:visited {
          color: #339999;
          font-weight: bold;
       a:hover {
          background-color: #ffffcc;
       h1 {
          border: 1px solid #339999;
          font-family: Georgia,'Times New Roman',Times,serif;
          font-size: 150%;
          text-align: center;
  2. Save your file, then view it in your web browser.
  3. Edit the style sheet – try changing the colors, font sizes, and text alignments. Refer to the CSS Summary. Save your changes as you make them and view them in your web browser.
  4. Publish your page to the server, and test it in your browser.

You're done – return to the workshop outline.

University of Oregon Libraries
1501 Kincaid Street Eugene, OR
T: (541) 346-3053
F: (541) 346-3485
Make a Gift