How to change a table background

You can arrange text in a table on a Web page layout as you can have the design of a printed document.

For example, if you design a calendar, organize the calendar in a table with columns, with the day of the week and rows tagged with numeric data for the month. If you have general knowledge of HTML and CSS, run this task specific encoding for Web pages. Use the table tag in the HTML code to create tables in a Web page, and then use the code CSS or modify cascading style sheets to the appearance of the table you created. For example, can your table to have thicker or thinner borders. Similarly, you can change a background color of the standard color table by specifying the color you want in your Web page style sheet. Level of difficulty: Moderately easy

Instructions

1. 1

   Choose a name for the set of code, you will use in your style sheet, change the background color table.

In terms of CSS, a series of code is called a class. You can name the class "Tablesample."

2

Select a color for the background of your table.

You can change the color blue.

3

Write code for your class tablesample color you have chosen.

Follow the syntax required for style sheets:

≪!
. TABLESAMPLE {background-color: Blue;}
--

4

Add the code for your class of tablesample to your code base style sheet:

< style type = "Text/Css" >
≪!
.

TABLESAMPLE {background-color: Blue;}
- & gt;
< / style >

5

Assign the class tablesample in a belie

any table, you the background color blue to change table start tag:

< table class = "Table Sample" >
< tr >
< td >
Find information here.
< /TD >
< /tr >
> < / table >

The table background color changes to blue.