您的位置:主页 > 网页制作 > DIV+CSS >

采用Table CSS实现的TabPane选项卡

[ 来源：中国设计秀 | 作者： | 更新日期:2008-2-25 22:19:25 | 人气： | 评论 0 条 ]

<style type=text/css>
td {
font-size: 12px;
color: #000000;
line-height: 150%;
}
.sec1 {
background-color: #EEEEEE;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid #FFFFFF
}
.sec2 {
background-color: #D4D0C8;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
font-weight: bold;
}
.main_tab {
background-color: #D4D0C8;
color: #000000;
border-left:1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
</style>
<table border=0 cellspacing=0 cellpadding=0 width=549 id=secTable>
<tr height=20 align=center>
<td class=sec2 width=10% onclick="secBoard(0)">关于TBODY标记</td>
<td class=sec1 width=10% onclick="secBoard(1)">关于cells集合</td>
<td class=sec1 width=10% onclick="secBoard(2)">关于tBodies集合</td>
<td class=sec1 width=10% onclick="secBoard(3)">关于display属性</td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=549 height=240 id=mainTable class=main_tab>
<tr>
<td align=center valign=top> <br>
<br>
这里填加内容，略去。1 </td>
</tr>
<tr>
<td align=center valign=top> <br>
<br>
这里填加内容，略去。2 </td>
</tr>
<tr>
<td align=center valign=top> <br>
<br>
这里填加内容，略去。3 </td>
</tr>
<tr>
<td align=center valign=top> <br>
<br>
这里填加内容，略去。4 </td>
</tr>
</table>

jc567.cn

Tags：采用Table,CSS实现的TabPane选项卡

上一篇：Web Service安全机制探讨下一篇：Visual C#实现自定义组件的设计

您的评论

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

精彩推荐

最新资讯

热点资讯