サイト内の移動
新規投稿
当年度ブログ内の検索
カレンダー
S M T W T F S
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31       
<<  2024 - 03  >>


2024 - 1 2 3 4 5 6 7 8 9 10 11 12
2023 - 1 2 3 4 5 6 7 8 9 10 11 12
2022 - 1 2 3 4 5 6 7 8 9 10 11 12
2021 - 1 2 3 4 5 6 7 8 9 10 11 12
2020 - 1 2 3 4 5 6 7 8 9 10 11 12
2019 - 1 2 3 4 5 6 7 8 9 10 11 12
2018 - 1 2 3 4 5 6 7 8 9 10 11 12
2017 - 1 2 3 4 5 6 7 8 9 10 11 12
2016 - 1 2 3 4 5 6 7 8 9 10 11 12
2015 - 1 2 3 4 5 6 7 8 9 10 11 12
2014 - 1 2 3 4 5 6 7 8 9 10 11 12
2013 - 1 2 3 4 5 6 7 8 9 10 11 12
2012 - 1 2 3 4 5 6 7 8 9 10 11 12
2011 - 1 2 3 4 5 6 7 8 9 10 11 12
2010 - 1 2 3 4 5 6 7 8 9 10 11 12
分類
月別の記録
状態
現在: ゲストモード

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

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

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

| emisaki | 2020-04-07 Tue 07:15 | その他::当サイトについて |