0

ajax コントロール ツールキットの標準の asp タブ コンテナーがあります。

<asp:TabContainer ID="tcMain" runat="server" ActiveTabIndex="0" 
Width="99%" min-width="900px" AutoPostBack="true" CssClass="TabStyle">

しかし、ページのデザインは、一番左のタブ ヘッダーを一方向に、中央のいくつかは同じように、一番右のタブ ヘッダーを少し異なるスタイルにしたいことを意味します。つまり、2 つの「外側」タブ ページに丸みを帯びたエッジを作成します。

.ajax__tab_hover .ajax__tab_outer タイプの css をいじってみましたが、それらを操作して自分のやりたいことを実行する方法がわかりません。

これを達成する方法のアイデア/例はありますか?

4

1 に答える 1

1

こんにちは、このように設計でマルチクラスを使用できます

あなたのhtml

<div class="wraper">
<div class="left" id="someid"></div>
<div class="left center"></div>
<div class="left right"></div>
</div>

CSS

.wraper{
overflow:hidden;
width:1000px;
margin:0 auto;
}
.left{
width:33%;
height:100px;
float:left;
}
.left#someid{
background:red;
}
.left.center{
background:green;
}
.left.right{
background:yellow;
}

デモライブ

于 2012-09-11T08:36:20.783 に答える