CSS（スタイル編）第１０回コメントを区切る罫線のデザイン♪ （要考察）きまぐれAWA's Life/ウェブリブログ

CSS（スタイル編）第１０回コメントを区切る罫線のデザイン♪ （要考察）

<< 作成日時： 2008/02/17 11:37 >>

以前、罫線のデザインについて書いた時に保留にしていたコメント部分の罫線。
少々問題点が残るものの、一応クリアできているみたいなので書いてみます。

　コメントを区切る罫線のデザインを変えてみる♪ 　

入力は解り易いように『トラックバック、コメント領域』へ。
新規で次の文字列を追加しました。

/*追加　コメントの罫線*/
#blog #comment table .cont {
border-bottom:1px #FFCCFF solid;
}
#blog #comment table .sub {
border-bottom:1px #FFCCFF solid;
}

『#blog #comment table .cont 』：コメントの文章の部分の罫線
『#blog #comment table .sub 』：ニックネーム・投稿日時の部分の罫線
このようにふたつのエリアに分かれています。
この文字列を入力した所…、

☆　罫線が水色からピンクに♪

…と、このようにデザインの変更が出来ました（ん）

ただ問題点と言うのが上記の文字列では…、

☆ 上の線までピンクに…

下線だけのつもりが上下の線になってます（あれ）
うちのブログではトラックバック、コメントの『一覧ヘッダセル』のデザイン指定で
画像と枠線をコメントの罫線と同色にしているため問題は無いのですが…。
おそらく上記の文字列では間違っているみたいですね。

まだ問題点は残ってますが、とりあえずクリアーという事で…（きまずい）
一応、この件についてはもう少し考えます。

それでは、今回はこのくらいで（はず）

|ω・)ﾉｼ See you♪

|彡ｻｯ