4-H Webdesign Advanced Lesson 2

CSS = Cascading Style Sheets

This part goes in the head section

<style type="text/css">
td.item 
  { text-align: left; color: red; font-family: arial;
  background-color:lime; font-size: 14; vertical-align:text-top }
td.date 
  { text-align: left; color: green; font-family: arial;
  background-color: yellow; font-size: 14; vertical-align:text-top; font-weight: bold }
td.head 
  { text-align: center; color: darkblue; font-family: arial; 
  background-color: magenta; font-size: 18; font-weight: bold }
</style>

This part goes in the body section

<table>
  <tr>
     <td class="item">1</td>
     <td class="date">Sept 10</td>
     <td class="head">A Special Item Here</td>
  </tr>
  <tr>
     <td class="item">2</td>
     <td class="date">Sept 11</td>
     <td class="head">A Special Item Here</td>
  </tr>
  <tr>
     <td class="item">3</td>
     <td class="date">Sept 12</td>
     <td class="head">A Special Item Here</td>
  </tr>
  <tr>
     <td class="item">4</td>
     <td class="date">Sept 13</td>
     <td class="head">A Special Item Here</td>
  </tr>
</table>

Tutorials