在 ASP .NET 的 AJAX 控件中 TabContainer 的 CSS 样式的编写具有一定的格式规范及命名规则,如下图:
具体的 CSS 样式的编写为:
.ajax_tab_menu .ajax__tab_header /*整体按钮底样式*/
{
font-family:宋体;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab_body /*资料区*/
{
font-family:宋体;
font-size:12px;
border:2px solid #8A6A72;/*边框样式*/
background-color:#372C2F;}
.ajax_tab_menu .ajax__tab_tab /*预设样式*/
{
background:url("images/tag_bg_1.gif") repeat-x;
width:105px;
height:29px;
line-height:29px;
text-align:center;
margin-right:4px;
margin:0;
color:#8A6A72;/*预设字体样式*/
}
.ajax_tab_menu .ajax__tab_hover .ajax__tab_tab /*鼠标经过样式*/
{
background:url("images/tag_bg_0.gif") repeat-x;
width:105px;
height:29px;
color:#FFFFFF;
line-height:29px;
text-align:center;
}
.ajax_tab_menu .ajax__tab_active .ajax__tab_tab /*当前使用中样式*/
{
background:url("images/tag_bg_0.gif") repeat-x;
width:105px;
height:29px;
line-height:29px;
text-align:center;
color:#FFFFFF;
}