0

少し問題が発生したとき、サイトを準備して基本的なレイアウトを構築していました。「切り込みのある」ナビゲーションを作成したいのですが、これを行う上で最初のことがわかりません。

「ノッチ」効果を作成する下部に配置できる（[CSSまたは画像を使用して]白い三角形を作成できるという考えで）自分の下に配置する を作成しようとしました。私はまだこれで成功しておらず、css // html ウィザード ステータス スキルを持っている人が助けてくれることを期待していました。

ps。さらに情報が必要な場合はお知らせください - 私はスタックオーバーフローに少し慣れていません

4

2 に答える 2

1

NAV LI タグとその中の A タグをコンテンツ ブロックの一番上まで伸ばします。

LI が「現在の」タグの場合、その中に A タグの背景として三角形のグラフィックを配置します。

li.current a {
    background:url(triangle.png) no-repeat center bottom;
}

おそらく、コンテンツ ブロックの上部にある青色のバーと同じように、三角形を青色にする必要があります。

于 2012-12-20T17:13:48.053 に答える
0

カプチーノは、次のcssを使用してリンクタグをマークしています。

<style>
        #navmarker {
        width: 1px;
        height: 0;
        position: relative;
        margin-top: -0.7em;
        margin-left: auto;
        margin-right: auto;
        border-bottom: #FFD48E solid 0.8em;
        border-top: none;
        border-left: transparent solid 0.8em;
        border-right: transparent solid 0.8em;
        }

        div {
            display: block;
        }
    </style>

divを作成して、上記のcssを使用してみてください。

    <div id="navmarker"></div>
于 2012-12-20T17:19:31.020 に答える