cssjavascript
/* Global Styles */ body { margin:0px; } td { font:11px Arial, Helvetica, sans-serif; color:#FFFF00; } a { color: #FF080E; } a:hover { color: #FF9900; } /* ID Styles */ #navigation td { border-bottom: 1px solid #FF9900 } #navigation a { font:11px Arial, Helvetica, sans-serif; color: #FF9900; line-height:16px; letter-spacing:.1em; text-decoration: none; display:block; padding:8px 6px 8px 22px; } #navigation a:hover { color:#FFFFCC; font-weight:bold; background: url("mm_bullet_yellow.gif") 10px 50% no-repeat; } #navheader { font:24px georgia; color: #1F2669; letter-spacing:.4em; padding:10px; line-height:30px; } #logo { font:14px Arial, Helvetica, sans-serif; color: #FF9900; letter-spacing:.5em; line-height:30px; } #tagline { font:11px Arial, Helvetica, sans-serif; color: #FF9900; letter-spacing:.2em; line-height:14px; } #monthformat td { border-bottom: 1px solid #FFFFCC; } #dateformat { font:11px Arial, Helvetica, sans-serif; color: #FFFF00; letter-spacing:.4em; } #dateformat a { font: 11px Arial, Helvetica, sans-serif; color: #FFFF00; letter-spacing:.1em; text-decoration: none; } #dateformat a:hover { color: #FFFFCC; } /* Class Styles */ .bodyText { font:11px Arial, Helvetica, sans-serif; color:#FFFF00; line-height:22px; margin-top:0px; letter-spacing:.1em; } .pageName{ font:18px Arial, Helvetica, sans-serif; color: #FFFF00; line-height:24px; letter-spacing:.3em; } .columnHeader { font: 11px Arial, Helvetica, sans-serif; color: #FF080E; line-height:18px; letter-spacing:.05em; } .subHeader { font:bold 11px Arial, Helvetica, sans-serif; color: #FF080E; line-height:18px; letter-spacing:.1em; } .smallText { font:10px Arial, Helvetica, sans-serif; color:#333333; } .navText { font:11px Georgia, Times New Roman, Times, serif; color: #1F2669; line-height:16px; letter-spacing:.1em; text-decoration: none; }
htmlcss
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- DW6 --> <head> <!-- Copyright 2005 Macromedia, Inc. All rights reserved. --> <title>Home Page</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link rel="stylesheet" href="mm_spa.css" type="text/css" /> </head> <body bgcolor="#990000" background="mm_bg_red.gif"> <table border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#220103"> <td width="215" rowspan="2" colspan="2" nowrap="nowrap"><img src="mm_spa_photo1.jpg" alt="Header image" width="215" height="109" border="0" /></td> <td width="355" colspan="2" height="55" nowrap="nowrap" id="logo" valign="bottom">你好啊</td> <td width="190" rowspan="2"><img src="mm_spa_photo2.jpg" alt="header image 2" width="176" height="108" border="0" /></td> <td width="100%" rowspan="2"> </td> </tr> <tr bgcolor="#220103"> <td height="54" colspan="2" nowrap="nowrap" id="tagline" valign="top">我在這裏</td> </tr> <tr bgcolor="#FF9900"> <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr bgcolor="#FF080E"> <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr bgcolor="#FF9900"> <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr bgcolor="#FF080E"> <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="18" border="0" /></td> </tr> <tr bgcolor="#FF9900"> <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr bgcolor="#FF080E"> <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr bgcolor="#FF9900"> <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr> <tr> <td width="165" valign="top" id="navborder"><br /> <table border="0" cellspacing="0" cellpadding="0" width="160" id="navigation"> <tr> <td width="160"><a href="javascript:;" class="navText">試一試</a></td> </tr> <tr> <td width="160"><a href="javascript:;" class="navText">試一試</a></td> </tr> <tr> <td width="160"><a href="javascript:;" class="navText">試一試</a></td> </tr> <tr> <td width="160"><a href="javascript:;" class="navText">試一試</a></td> </tr> <tr> <td width="160"><a href="javascript:;" class="navText">試一試</a></td> </tr> </table> </td> <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td> <td width="305" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br /> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="305"> <tr> <td class="pageName">歡迎光臨</td> </tr> <tr> <td class="bodyText"><p>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p> <p>灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌!</p> </td> </tr> </table> ?<br /> <br /> </td> <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td> <td width="190" valign="top"><br /> <table border="0" cellspacing="0" cellpadding="0" width="190" bgcolor="#FFFFCC"> <tr> <td colspan="3" class="columnHeader" align="center"><br />來來來<br /><br /></td> </tr> <tr> <td width="40"><img src="mm_spacer.gif" alt="" width="20" height="1" border="0" /></td> <td width="110" class="smallText"><br /> <p><img src="mm_product_sm.gif" alt="product image 1" width="110" height="110" vspace="6" border="0" /><br /> 古古怪怪。<br /> <a href="javascript:;">會更好 ></a></p> <p><img src="mm_product_sm.gif" alt="product image 2" width="110" height="110" vspace="6" border="0" /><br /> 古古怪怪。<br /> <a href="javascript:;">哈哈哈 ></a><br /></p> ?<br /> </td> <td width="40"> </td> </tr> </table> </td> <td width="100%"> </td> </tr> <tr> <td width="165"> </td> <td width="50"> </td> <td width="305"> </td> <td width="50"> </td> <td width="190"> </td> <td width="100%"> </td> </tr> </table> </body> </html>