http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Tabs/Tabs.aspx
TabContainer是个集合、容器，里面可以包含多个TabPanel。系统提供的样式很不理想需要override。
搞了大半天，才搞大概。
我的CSS：
1![]()
}
我的HTML
我的效果图：
主要是ajax__tab_header、ajax__tab_active和ajax__tab_body三个样式起了重要作用。
系统提供的那个示例，“Contrls”后面是一条线，其实是背景图片。源码样式：
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
一是背景图片要1*1的大小，二是：background中的bottom
最后,还右两个问题不知道怎么解决。
一．设置每个tab之间的间距。
二．同一个页面多个TabContainer只能用一个样式。我写了个样式
.CustomTabStyle2.ajax__tab_body
{
border-bottom :solid 1px red;
border-left:solid 1px red;
border-right:solid 1px red;
border-top:0;
}
“家政服务”那个TabContainer调用后，原来的第一个TabContainer的边框也变成红色了，
本想让它不变。附源码样式