In order to add a shaded or 3 color border around an object with CSS, pick 3 or 4 graduated colors (dark blue, med blue, light blue), and then set up a class in CSS for each color. The 3 color border around the box below is set to 2 pixels in width with 3 graduations of aqua blue color.
Add the following to your CSS file. If you don't have a CSS file then add a style tag within the head tag of your HTML page, changing the names and colors as you desire (see the Hexideximal Web Safe Color Chart for other color choices).
If you are using tables, the table needs to have 0 cellpadding so I have also included what I call a "indent" class. This moves the content of that cell in by 4 em on each side and takes the place of cell padding within the table.
Add the following to your HTML file. If you're familiar with CSS then put the following inside the div that contains the box or body content. If you're using tables then the 3 divs go inside the main table TD cell. The 3 closing divs need to be placed just before the closing TD cell for that table or before the closing div or box if you design your web pages in CSS.
Copyright © 3-9-07 - updated 2011-11-19
Lori's Web Design
All Rights Reserved