S
Shailesh Humbad
Here is a tool I created to help me create table border styles. The
page allows you to dynamically select between different border width,
style, color, and background-color options. As you change border
options, a sample table is rendered in an embedded frame, so you can
immediately see what it looks like in your browser. Then you can view
the CSS example source code to see usage of the border-style,
background-color, and even -moz-border-radius CSS tags.
The TD and TH tags inherit from the TABLE tag, so the only HTML code
change a designer must make is to define a "class" for the "table"
tag. This common practice is much easier than editing all the table,
th, and td style tags throughout the table's HTML code.
When you first load the page, the sample table is in the default table
style of the old table border="1" tag. This way, you can see how to
recreate the original look using just a style sheet. Enjoy.
http://www.somacon.com/color/html_css_table_border_styles.php
page allows you to dynamically select between different border width,
style, color, and background-color options. As you change border
options, a sample table is rendered in an embedded frame, so you can
immediately see what it looks like in your browser. Then you can view
the CSS example source code to see usage of the border-style,
background-color, and even -moz-border-radius CSS tags.
The TD and TH tags inherit from the TABLE tag, so the only HTML code
change a designer must make is to define a "class" for the "table"
tag. This common practice is much easier than editing all the table,
th, and td style tags throughout the table's HTML code.
When you first load the page, the sample table is in the default table
style of the old table border="1" tag. This way, you can see how to
recreate the original look using just a style sheet. Enjoy.
http://www.somacon.com/color/html_css_table_border_styles.php