ロゴを中央にしたグローバルメニューの作成

Question

前提・実現したいこと

このようなグローバルメニューを作成したいと思っています。
赤い丸部分で囲っているように、ロゴがメニューの飛び出しているメニューバーです。
メニューバーは固定されているようで、他のページに飛んでも飛び出しています。
どのような構造、もしくは作り方がわかる方いらっしゃいますか？
https://www.dove.com/us/en/home.html

Answer 1

いろいろ方法はありますが、まずはご自身で確認してみてはいかがでしょう。
擬似要素を使っていますが、案外単純なつくりですよ。

【初心者向け！Chromeの検証機能（デベロッパーツール）の使い方】
https://saruwakakun.com/html-css/basic/chrome-dev-tool

【ChromeデベロッパーツールでCSSをチェックする方法 | なんでものびるWEB】
https://nandemo-nobiru.com/2944/

Comments

[LYN]

ご回答ありがとうございます。