0

このレイアウトを行うことは可能ですか?どのようにしますか? コンテナには、タブがある場所の上ではなく、境界線があります。ここでは、選択したタブだけに上枠があります。タブのテキストは中央に配置し、左揃えでも問題ありません。ただし、最初のタブのテキストは画像より前に開始してはなりません (左側に同じスペースが必要です)。

希望のレイアウト

現在、html は次のようになっていますが、必要に応じて変更できます。

<section class="grid-100 grid-parent tabs">
    <header>
        <ul>
            <li class="selected">Tab1</li>
            <li>Tab2</li>
            <li>Tab3</li>
        </ul>
    </header>
    <article class="tab visible">content</article>
    <article class="tab">content</article>
    <article class="tab">content</article>
    </article>
</section>
4

2 に答える 2

0

作成した構造は、タブ付きインターフェイスまたはアコーディオンに使用できます。タブの CSS を提供してください。この投稿で言及されているように、ブートストラップ タブを使用できます。ファウンデーション タブや jQuery ui タブなどの他のタブ付きソリューションがあります。プレミアムなレスポンシブ タブ付きソリューションをお探しの場合は、zozo タブをご覧ください。多くの例があります。

http://zozoui.c​​om/tabs

乾杯

ファリデザイン

于 2013-11-04T13:16:23.290 に答える