<Meta http-equiv = "Content-Type" C> <br/> <style type = "text/CSS"> * {margin: 0; padding: 0 ;}. menu {font-size: 12px; position: relative; Z-index: 100 ;}. menu ul {list-style: none ;}. menu Li {float: Left; position: relative ;}. menu ul {visibility: hidden; position: absolute; left: 3px; top: 23px ;}. menu table {position: absolute; top: 0; left: 0 ;}. menu ul Li: hover ul ,. menu ul a: hover ul {visibility: visible ;}. menu A {displ Ay: block; Border: 1px solid # AAA; Background: red; padding: 2px 10px; margin: 3px; color: # FFF; text-Decoration: none ;}. menu A: hover {Background: # f2cdb0; color: # f00; Border: 1px solid red ;}. menu ul {}. menu ul Li {clear: Both; text-align: Left; font-size: 12px ;}. menu ul Li a {display: block; width: 100px; Height: 13px; margin: 0; Border: 0; border-bottom: 1px solid red ;}. menu ul Li A: hover {border: 0; Background: # f2cd B0; border-bottom: 1px solid # fff ;}</style> <ul> <li> XHTML/CSS <br/> <! -- [If IE 7]> <! --> <! -- <! [Endif] --> <br/> <! -- [If lte ie 6]> <br/> <Table> <tr> <TD> <! [Endif] --> </P> <ul> <li> Standard </LI> <li> tutorial </LI> <li> technical article </LI> <li> FAQs </LI> <li> layout tutorial </LI> <li> CSS menu </LI> <li> browser compatibility </LI> <li> scroll bar related </LI> <li> corner rectangle topic </LI> <li> special CSS effect appreciation topic </LI> </ul> <p> <! -- [If lte ie 6]> </TD> </tr> </table> <p> <! [Endif] --> </LI> <li> Ajax <br/> <! -- [If IE 7]> <! --> <! -- <! [Endif] --> <br/> <! -- [If lte ie 6]> <br/> <Table> <tr> <TD> <! [Endif] --> </P> <ul> <li> Ajax tutorial </LI> <li> Ajax technology </LI> </ul> <p> <! -- [If lte ie 6]> </TD> </tr> </table> <p> <! [Endif] --> </LI> <li> JavaScript <br/> <! -- [If IE 7]> <! --> <! -- <! [Endif] --> <br/> <! -- [If lte ie 6]> <br/> <Table> <tr> <TD> <! [Endif] --> </P> <ul> <li> JSON </LI> <li> technical article </LI> </ul> <p> <! -- [If lte ie 6]> </TD> </tr> </table> <p> <! [Endif] --> </LI> <li> Dom </LI> <li> XML </LI> <li> Regular Expression <br/> <! -- [If IE 7]> <! --> <! -- <! [Endif] --> <br/> <! -- [If lte ie 6]> <br/> <Table> <tr> <TD> <! [Endif] --> </P> <ul> <li> Regular Expression introduction </LI> <li> Regular Expression path </LI> </ul> <p> <! -- [If lte ie 6]> </TD> </tr> </table> <p> <! [Endif] --> </LI> <li> website optimization </LI> <li> Computer Network </LI> <li> website creation technology <br/> <! -- [If IE 7]> <! --> <! -- <! [Endif] --> <br/> <! -- [If lte ie 6]> <br/> <Table> <tr> <TD> <! [Endif] --> </P> <ul> <li> php </LI> <li> Asp. net </LI> <li> JSP </LI> <li> SQL </LI> <li> flash </LI> <li> Dreamweaver </LI> </ul> <p> <! -- [If lte ie 6]> </TD> </tr> </table> <p> <! [Endif] --> </LI> </ul> <p> 2007-4-16 <br/> CSS drop down menu <br/>
