ABCウェブエンジニアblog

Flexを使って横並びにした要素に均一の左右縦ボーダーを引く例です。 横並びメニューなどでよく左右にボーダーがついてる場合、全ての要素に左右ボーダーとしてborder-leftとborder-rightを指定してしまうと、隣合わせの要素のボーダーが二重になって太くなってしまいます。