欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

以前總手寫(xiě)TAB選項卡，總要寫(xiě)很多代碼，ASP.net里AJAX - Container已為我們提供了選項卡功能，但默認樣式比較難看，今天研究了一下它的CSS樣式，自已寫(xiě)了一個(gè)給大家分享一下：

最終效果：

所用背景圖片如下：

Tab_Option_bg.gif

 (圖片在左邊 很小的哦^^)

Tab_Option_bg_ON.gif

Tab_Option_bg_OFF.gif

Aspx文件：

<asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

<cc1:TabContainer ID="smenu" runat="server" ActiveTabIndex="3"
            CssClass="ajax_tab_menu"> //把默認樣式改為自定義的CSS樣式樣
        <cc1:TabPanel runat="server" HeaderText="已通過(guò)申核" ID="TabPanel1">
        </cc1:TabPanel>
        <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="申核中...">
        </cc1:TabPanel>
        <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="未通過(guò)審核">
        </cc1:TabPanel>
        <cc1:TabPanel ID="TabPanel4" runat="server" HeaderText="過(guò)期信息">
        </cc1:TabPanel>
        </cc1:TabContainer>

/* CSS樣式 */

.ajax_tab_menu .ajax__tab_header /*整體按鈕底樣式*/
{
font-family:宋體;
height:28px;
font-size:12px;
background:url("images/Tab_Option_bg.gif") repeat-x bottom;
}

.ajax_tab_menu .ajax__tab_body /*資料區*/
{
font-family:宋體;
font-size:12px;
border:0px solid #999999;
border-top:0;
background-color:#ffffff;}

.ajax_tab_menu .ajax__tab_tab /*預設樣式*/
{
background:url("images/Tab_Option_bg_OFF.gif") repeat-x;
width:78px;
height:28px;
line-height:28px;
text-align:center;
margin-right:4px;
margin:0;
}
.ajax_tab_menu .ajax__tab_hover .ajax__tab_tab /*鼠標經(jīng)過(guò)樣式*/
{
background:url("images/Tab_Option_bg_ON.gif") repeat-x;
width:78px;
height:28px;
color:#FFFFFF;
line-height:28px;
text-align:center;
}

.ajax_tab_menu .ajax__tab_active .ajax__tab_tab /*當前使用中樣式*/
{
background:url("images/Tab_Option_bg_ON.gif") repeat-x;
width:78px;
height:28px;
line-height:28px;
text-align:center;
color:#FFFFFF;
}