サイト内 移動
NEW ENTRIES
Search Box
CALENDAR
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    
<<  2020 - 09  >>


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
CATEGORIES
ARCHIVES
Status
現在: ゲストモード

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 | その他::当サイトについて |
西暦2020年 令和2年 ぃ~岬ブログ2020 開始
→ ぃ~岬ブログ2020 (このページ)
ぃ~岬ブログ2019
ぃ~岬ブログ2018
ぃ~岬ブログ2017
ぃ~岬ブログ2016
ぃ~岬ブログ2015
ぃ~岬ブログ2014
ぃ~岬ブログ2013
ぃ~岬ブログ2012
ぃ~岬ブログ2006-2011

※ ブログは独立しており、個々の範囲内でしか検索はできません



 当サイトが利用しているブログ Blognは何年か前に更新および提供が終了しており新しい環境へ対応できません。当方の動作環境によりコメント、トラックバックは動作せず使用できないようにしてある。古い環境では動作しますが、セキュリティー対策を強化したままにしておくため対処しないことにしました。

・コメント 動作不良により停止中
・トラックバック 機能せず削除
・カレンダー 祝日は所定の年度のみ。別の年を表示させてもブログ年の祝日で表示してしまう


| emisaki | 2020-01-01 Wed 00:00 | その他::当ブログについて |