<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #top { background-color: #0099CC; height: 70px; width: 100%; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; font-size: 12px; color: #000000; text-decoration: none; } #left { background-color: #CCCCCC; margin-right: 80%; padding: 10px; } #main { background-color: #FFFFCC; float: right; width: 78%; padding: 10px; font-size: 12px; color: #000000; text-decoration: none; } #sss ul a:link, #sss ul a:visited {display: block;}
#sss ul { list-style: none; margin: 0; padding: 0; }
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #sss li { border-bottom: 1px solid #666666; line-height: 2; }
/* fix for browsers that don't need the hack */ html>body #sss li {border-bottom: none;}
#sss{ margin: 0px; padding: 0px; font-size: 12px; background-color: #CCCCCC; } #sss a:link{ padding: 2px 0px 2px 10px; width: 100%; width: auto; text-decoration: none; color: #000000; }
#sss a:visited{ padding: 2px 0px 2px 10px; text-decoration: none; color: #000000; }
#sss a:hover{ background-color: #F0F0F0; padding: 2px 0px 2px 10px; text-decoration: none; color: #FF0000; } --> </style></head>
<body> <div id="top">此处显示 class "top" 的内容</div> <div id="main">此处显示 class "main" 的内容</div> <div id="left"> <div id="sss"> <ul> <li><a href="#">***链接***</a></li> <li><a href="#">***链接***</a></li> <li><a href="#">***链接***</a></li> <li><a href="#">***链接***</a></li> <li><a href="#">***链接***</a></li> <li><a href="#">***链接***</a></li> </ul> </div> </div> </body> </html> (编辑:网站学习网)
|