在Ajax选项卡容器中设计Ajax选项卡 [英] Design Ajax Tabs In Ajax Tab Container

问题描述

我创建了一个ajax tab容器，并使用css作为ajax tab容器。 （请参阅此处： http://i.stack.imgur.com/ 8C0Fk.png [ ^ ]）。



这是我用过的css：

I have created an ajax tab container and have used css for the ajax tab container. (Please see here: http://i.stack.imgur.com/8C0Fk.png[^]).

This is the css I have used:

.tabstyle .ajax__tab_header
{
font-size: 13px;
font-weight: bold;
color: #000;
font-family: sans-serif;
}

.tabstyle .ajax__tab_active .ajax__tab_inner, .tabstyle .ajax__tab_header .ajax__tab_inner, .tabstyle .ajax__tab_hover .ajax__tab_inner
{
height: 46px;
margin-left: 16px;
}
.tabstyle .ajax__tab_active .ajax__tab_tab, .tabstyle .ajax__tab_hover .ajax__tab_tab, .tabstyle .ajax__tab_header .ajax__tab_tab
{
margin: 16px 16px 0px 0px;
}
.tabstyle .ajax__tab_active .ajax__tab_outer { 
    border-left: solid 1px #999999;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: #d7d7d7;
    font-weight: bold;
    border-style:outset;
} 

.tabstyle .ajax__tab_body
{
font-family: Arial;
font-size: 10pt;
border-top: 0;
border:1px solid #999999;
padding: 8px;
background-color: #ffffff;
}

问题：我希望改进用于设计我在标签容器中的ajax选项卡。任何人都有更好的CSS模板或者可以提供任何建议来改进我目前的设计吗？



谢谢。

Question: I want to improve on the design used for my ajax tabs in tab container. Anyone got better css templates or can offer me any suggestion to improve on my current design?

Thanks.

推荐答案

好的，然后让我谷歌为你。

Google [ ^ ]



请参阅顶部链接。

Ajax Tab Container Css样式/主题 [ ^ ]

在asp.net中更改ajax TabContainer的样式 [ ^ ]

AJAX控件工具包 - 选项卡控件 - 主题 [ ^ ]



还可以看到：如何：为ASP.NET AJAX TabContainer控件设置样式 [ ^ ]

- Amy

OK then let me google that for you.
Google[^]

See the top links.
Ajax Tab Container Css Styles /Themes[^]
Change the style of ajax TabContainer in asp.net[^]
AJAX Control Toolkit – Tab Control – Themes[^]

And also see : How to: styling the ASP.NET AJAX TabContainer control[^]

--Amy

这篇关于在Ajax选项卡容器中设计Ajax选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！