More than 3 years have passed since last update.

線同士の重なりを防ぐ対策

Last updated at 2020-06-11Posted at 2019-01-27

リストに枠線をつけたい

リストを1pxの太さの枠線で囲みます。

li{
  border:solid 1px #EEE;
}

上記のコードだけだと枠線が重なり、線の太さが2pxになってしまいます。

下記のコードの li + li はリストの二つ目以降という意味になります。
つまり二つ目以降は上の枠線を消すということです。

li{
  border:solid 1px #EEE;
}

li + li {
  border-top:none;
}

上記のコードを記述することで線の重なりをなくすことができました

他にもっと良い方法がありましたら教えてください