HTML/XHTML:Tables(CSS)

Table CSS Settings

 * Setting borders
 * style="border: 1px solid #808080;"
 * Background colour
 * style="background-color: #DDFFEE;"
 * Centering a table
 * style="width: 50%; margin-right:auto;margin-left:auto;"
 * Box shadow (CSS3). (Zen Elements, 2009) (They also describe other neat effects such as rounded borders, and shadowing text elements)

Examples


By adding a border to each cell we can have a table with a border round all the cells



Example of a shadow border (CSS3)



Example of a shadow border with a rounded corner (CSS3)

