tabcontainer控件太长_AjaxControlToolkit中，TabContainer的一个简单Css样式-阿里云开发者社区...

因为项目需要，感觉使用Ajax的TabContainer比较方便，但是其默认的样式与我们已有的风格不一致，所以查了查资料，凑了套简单的style.

效果图：

 

Css Style:

/* Following are tab control styles, Special for Outsourcing Set-up Process Page */

/* Default tab */

.AjaxTabStrip .ajax__tab_tab

{

font-size: 12px;

padding: 4px;

width: 105px;  /* Your proper width */

height:16px;   /* Your proper height */

background-color: #EAEAEA;

}

/* When mouse over */

.AjaxTabStrip .ajax__tab_hover .ajax__tab_tab

{

font-weight:bold;

text-decoration: underline;

}

/* Current selected tab */

.AjaxTabStrip .ajax__tab_active .ajax__tab_tab

{

background-color: #C2E2ED;

font-weight:bold;

}

/* TabPanel Content */

.AjaxTabStrip .ajax__tab_body

{

border: 1px solid #999999;

padding: 8px;

background-color: #ffffff;

margin-right: 9px; /* Your proper right-margin, make your header and the content have the same width */

margin-top:0px;

}

Code in aspx

Height="121px" Width="590px">

Content of Tab 1

Content of Tab 1

Content of Tab 3

Content of Tab 4

Content of Tab 5

本文转自Jack Niu博客园博客，原文链接：http://www.cnblogs.com/skywind/archive/2007/12/29/1019989.html，如需转载请自行联系原作者