[mokadesign]

ナビメニューに分かりやすく、区切り線を入れたいです。最初のメニューの左、最後のメニューの右を除いて、メニュー同士隣接する部分に区切り線を入れる方法はありますか？

よろしくお願いいたします<(_ _)>

【お使いの Snow Monkey のバージョン】Snow Monkey v15.9.4
【お使いの Snow Monkey Blocks のバージョン】バージョン 12.5.0
【お使いの Snow Monkey Editor のバージョン】バージョン 6.1.0
【お使いのブラウザ】GoogleChrome

【当該サイトのURL】https://saekikougyou.co.jp/

### 実現したいこと

グローバルメニューに区切り線を入れたい。

### 発生している問題

色んな方法を調べてみたけれどわからなかったです。。

### 試したこと

追加CSSで

.menu-menu li+li{
  border-left: 5px solid #333;
}

♥ 0

いいねをした人: 居ません

[Olein_jp]

こんにちわ。

区切り線をどのように入れられたいですか？
左だけ？右だけ？上も？

もう少し情報いただけると、アドバイスが集まりやすいかもしれませんね！

♥ 1

いいねをした人:

[まーちゅう]

.menu-menu li+liの所を#menu-menu li+liに変更してみてください。
class ではなく id です。

♥ 1

いいねをした人:

[mokadesign]

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

classじゃなくてidでした(;´･ω･)

 

メニュー同士を区切る為にliの間に縦線を入れたかったです。

#menu-menu li+li{
border-left: 5px solid #333;
}

で思った通りの表示になりました。線が太かったので1pxにしました。

♥ 1

いいねをした人:

[投稿者]

投稿