Example 6

Simple CSS Example

by jvickyj

HTML

<h1>Simple CSS Example</h1>

<p>This simple page demonstrates how CSS can be used to control the presentation of an HTML document.</p>

<p class="important">This paragraph demonstrates the use of the 
<code>class</code> attribute.</p>

CSS

/* Simple CSS Example */

body {
  font-family:arial, verdana, sans-serif;
  background-color:gray;}

h1 {
  color:red;
  font-size:22pt;}

p {
  color:blue;
  font-size:10pt;}

p.important {
  border:solid black 2px;
  background-color:yellow;
  padding:5px;
  margin:15px;
  width:40em;}