横並びメニューの間に区切り線を引く : CSSでどう書く?

例えば、フッターメニューの項目の間に区切り線を引く場合、CSSではどのように記述すれば良いのか?

ボーダーを項目の間
ボーダーを項目の間と両端
<ul>
<li></li>
</ul>
li {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
li+ li {
  border-left: 0;
  border-right: 1px solid #000;
}
                    li:after{
                        content: "";
                        border-right: 1px solid $border01;
                        position: absolute;
                        right: -3rem;
                        top: 5px;
                        height: 30px;
                    }
                    li:last-child a:after{
                        border-right: none;
                    }

この記事が気に入ったら
いいね ! しよう

Twitter で

あわせて読みたい