HTML section, biaoge.html
<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><title>Top Express Table designs-smashing Magazine Source</title><styletype= "Text/css"><!--@import url ("style.css");--></style></Head><Body><TableID= "Background-image"Summary= "Meeting Results"> <thead> <TR> <thScope= "Col">Employee</th> <thScope= "Col">Division</th> <thScope= "Col">Suggestions</th> </TR> </thead> <tfoot> <TR> <TDcolspan= "4">IE 6 users won ' t see the transparent background if the hack are not applied</TD> </TR> </tfoot> <tbody> <TR> <TD>Stephen C. Cox</TD> <TD>Marketing</TD> <TD>Make discount Offers</TD> </TR> <TR> <TD>Josephin Tan</TD> <TD>Advertising</TD> <TD>Give Bonuses</TD> </TR> <TR> <TD>Joyce Ming</TD> <TD>Marketing</TD> <TD>New Designs</TD> </TR> <TR> <TD>James A. Pentel</TD> <TD>Marketing</TD> <TD>Better Packaging</TD> </TR> </tbody></Table></Body></HTML>
CSS section, style.css
/*------------------styling for the tables------------------*/body{line-height:1.6em;} #background-image{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-serif; font-size:12px; margin:45px; width:480px; Text-align:left; Border-collapse:collapse; Background:url (' table-images/blurry.jpg ') 330px 59px no-repeat;} #background-image th{padding:12px; Font-weight:normal; font-size:14px; Color: #339;} #background-image td{padding:9px 12px; Color: #669; border-top:1px solid #fff;} #background-image tfoot td{font-size:11px;} #background-image tbody td{background:url (' table-images/back.png ');} * HTML #background-image tbody td{/*----------------------------PUT this on IE6 only STYLE as The RULE invalidates YOUR STYLESHEET----------------------------*/Filter:progid:DXImageTransform.Mic Rosoft. AlphaImageLoader (src= ' table-images/back.png ', sizingmethod= ' crop '); BackgroUnd:none;} #background-image tbody tr:hover td{color: #339; Background:none;}
HTML table Design