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.

Created by not on Jun 18, 2012 Last updated Jun 28, 2012
1501 Kincaid Street
Eugene, OR
T: (541) 346-3053
F: (541) 346-3485
Donate To the UO Libraries