Tables--Columns and Rows: Part 2
To customize with a stylesheet, you will need to create a .css file. Right click in a folder location, then click on New >> Text Document, and then rename the ".txt" to ".css". Then right click the .css file into Open with always Notepad, so you can easily update it by hand.STYLE.CSS:
#box{
width: 300px;
border: 2px solid #b2b2b2;
font: 10px century gothic;
color: #000000;
text-align: left;
text-decoration: none;
cellpadding: 3px;
cellspacing: 3px;
}
Then your coding for your table would be
| This is the first column. | This is the second column. | This is the third column. |
| This is the first column in the 2nd row. | This is the second column. | This is the third column. |
The id is just a flexible name that shows the ID of the table, like the name of a person.
The width shows the width that you want right when you plug in the table ID.
If you want a border, you always must put the CSS in a format like this: #px solid/dotted #hexcode.
The font represents the font you want and the color is the font color. The text-align makes the text align to the left, or however you choose (left, center, right).
The text-decoration is so that there is no decoration on the text because internet tends to change the site even if you didn't purposely put anything to change the look of the text.
The cell-spacing is the spacing between the rows and columns. The cell-padding it the text space away from the margins in the table.
Home | Site Information | Policy and FAQ | Linkage
Site and layout is © to Heidi Hu. All tutorials, information and items are copyrighted to their rightful owners. All rights reserved.
