<html>
?<head>
?<link href="css/main.css" rel="stylesheet" type="text/css" />
? <title>IDC導航</title>
?</head>
?<body>
?<table width="100%" height="100%"><tr><td? valign="middle" align="center">
? <table align="center" valign="middle" class='list'>
??? <tr>
? <td>
? <div>
?? 機房1
?? <br/><a href="?? <br/><a href="?? <br/><a href="??? </div>
? </td>
?? <td>
? <div>
?? 機房2
?? <br/><a href="?? <br/><a href="?? <br/><a href="? </div>
? </td>
?</tr>
?<tr>
? <td>
? <div>
?? 機房3
?? <br/><a href="?? <br/><a href="?? <br/><a href="? </div>
? </td>
?? <td>
? <div>
?? 機房4
?? <br/><a href="?? <br/><a href="?? <br/><a href="? </div>
? </td>
?</tr>
?</tr>
? </table>
? </td>
? </tr>
? </table>
</body>
</html>
CSS: 不是必須
.list {
?BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #9eb850 2px solid; WIDTH: 50%; BACKGROUND-COLOR: #fcfcfc
}
.list TD {
?FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left
}
.list TR.top {
?WHITE-SPACE: nowrap; BACKGROUND-COLOR: #edf5fe; TEXT-ALIGN: center
}
.list TR.top TD {
?TEXT-ALIGN: center
}
.list TR.fstr {
?BACKGROUND-COLOR: #f4f4f4
}
.bg1 {
?BACKGROUND-COLOR: #ffffff
}
.bg2 {
?BACKGROUND-COLOR: #eeeeee
}
DIV.context_menu {
?Z-INDEX: 1; POSITION: absolute; BACKGROUND-COLOR: #eeeeee
}
.context_menu_over {
?CURSOR: hand; BACKGROUND-COLOR: #aaaaff
}
.context_menu_out {
?CURSOR: hand; BACKGROUND-COLOR: #eeeeee
}
.mnu {
?CURSOR: hand; BACKGROUND-COLOR: #eeeeee
}
.submit {
?BORDER-RIGHT: #3b6592 1px solid; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #3b6592 1px solid; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/buttonbg.gif); BORDER-LEFT: #3b6592 1px solid; CURSOR: hand; PADDING-TOP: 2px; BORDER-BOTTOM: #3b6592 1px solid; BACKGROUND-REPEAT: repeat-x; HEIGHT: 21px; BACKGROUND-COLOR: #ece9d8
}
posted on 2009-09-02 16:15
蔣家狂潮 閱讀(679)
評論(0) 編輯 收藏 所屬分類:
JWeb