Shape N' Shade

How you align the gradtable cells, colors, and angles, all play a part in shaping and shading things. The following table has a gradangle of 90 and 15width on the left and on the right, angle of -90 and 15 width. The center cell has no gradangle or gradcolor, just bgcolor and size. We put one table under the other and by increasing the size of the center cell only we can show shaping of an object..... Here's the same table....but with wider side cells... Here's the table added onto other tables with no center cell... Take these beginning codes and see what shapes you can do.... <center> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="5"></td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="5"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="10"></td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="10"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="15"></td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="15"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="20"></td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="20"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="25"></td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="25"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="30"></td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="30"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="30"></td> <td bgcolor="gainsboro" width="5"> </td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="30"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="30"></td> <td bgcolor="gainsboro" width="10"> </td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="30"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="30"></td> <td bgcolor="gainsboro" width="15"> </td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="30"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="30"></td> <td bgcolor="gainsboro" width="20"> </td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="30"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="30"></td> <td bgcolor="gainsboro" width="25"> </td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="30"> </td></tr></table> <table cellpadding="0" cellspacing="0" border="0"> <tr><td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="90"height="5" width="30"></td> <td bgcolor="gainsboro" width="30"> </td> <td bgcolor="#000000" gradcolor="#dcdcdc" gradangle="-90"height="5" width="30"> </td></tr></table></center> Page 4 Tiny Table Toots Tiny Testy Tables Home