解決済
テーブルとは言わないまでも、記事の下部に線を引く、サイドバーと本文の・・・
テーブルとは言わないまでも、記事の下部に線を１本引いたり、サイドバーと本文記事の右部分に１本線を入れたい。コメント欄にも下部に線を入れたいのですが、・・・質問が長くなり申し訳ありません。
自分で過去記事を辿ってから来ましたが、“ＣＳＳ”“カスタマイズ”“テーブル”“ライン”で答えがなく、こちらで質問しました。
また、
この質問にあるように、
.commenttext{
font-size:12px;
line-height:135%;
margin:3px 0 36px 10px;
border-bottom:1px;
border:1px;
background:#eee;
}
こちらのテキストでもやはり下部に線はつきません。（この質問でも未解決のまま）
お手数をおかけして申し訳ありませんが、分かる方よろしくお願いします。
回答(1)
1.
「要素名 { border: 色指定 罫線の太さ 罫線の種類（順不同）; }」
です。
分けて書く時は「border-style: 罫線の種類;」「border-width: 罫線の太さ;」「border-color: 罫線の色;」です。
border-rightだと右側に罫線を、border-bottomだと下部に罫線を表示することができます。
最低罫線の色と種類を指定していないと、罫線は表示されません。
CSSやHTMLについては以下のサイトが詳しいです。
辞書やリファレンスとして利用するには良いサイトだと思います。
CSSは慣れるとHTMLより簡単です。
カスタマイズは慣れない内は大変ですが、頑張ってくださいませ。
＞Hukaminさま、いろいろ本当に有難うございました！！
出来ました、魔法のように・・・うっうっ嬉しいです(/_;)
サイトまで教えていただき、どのように考えるべきかがクリアーになりました・・・
paddingとmarginの違いが良く分からなかったので・・・
そこを参照して、自分ですぐに調整することができました。
本当に有難うございます。
あと<div id>etc.の件まで教えて下さり、丁寧いたみいります。
どうも有難うございました。感謝です。。。
コメント(3)
とらねこさん、頑張ってますね～ヽ(´～｀)ノ
私には的確な回答はできません。
ちなみに私のブログのコメント欄は
個別記事ページの適当な場所に<hr>タグを書いているだけです。
クラス名やID名については、あなたのブログで利用されている元のテンプレートによって若干異なる場合があるので、割愛しました。
たぶん大抵は記事本文は「.blogbody」、コメント本文は、「.comments-body」または「.commentbody」だと思います。
あなたのブログを表示した際に、ブラウザの「表示」→「ページのソースを表示」でHTMLのソースコードが確認できます。
「<div id="ID名">」はCSSでは「#ID名」となっている箇所に対応し、「<div class="クラス名>」はCSSでは「.クラス名」という箇所に対応しています。
＞万年床生活者さまへ
応援ありがとうございました（笑）
個別記事ページからでもこれが出来るのですね。
これはもう“役に立つ質問”に投票ですね！
やはり何のテーブルもないテンプレートでは、ごちゃごちゃして見えにくい事この上なしですもの・・・。
私が行ったのはbottomとrightのみでしたが、圧迫感を感じることなく適度にすっきりしました・・・
Hukaminさま本当にありがとうございました！
