時間が空いていろいろ配分してるが、ウェブページのデザイン上で画像で組み合わせるしかないと思っていたが first-child と last-child を使うとスッキリすることがわかった。

　今まで横並びのメニューで四角い枠を　□□□□□□　並べると内側の枠だけ太くなってしまう。そこで「コの字型（逆コの字型）」にすると最初か最後の枠の縦線が作れない。そこで疑似クラス :first-child 最初だけ、:last-child 終わりだけ、:nth-child(n) ｎ番目、:nth-last-child(n) 後ろからｎ番目だけに適用の４種類があった。

　全体のボーダーを上下左（逆コの字型）として最後だけ右側も追加するようにしたら太さが変わることがなくなった。徐々に下層ページまで修正してゆこう。