ブログテンプレートについての質問です

http://blog.hatena.ne.jp/-/store/theme/6435922169449274523
こちらのテンプレートでメインカラム部分に枠線を追加したいです
現在自分のブログでは
http://2chmatomesokuhou.hateblo.jp/entry/2015/06/13/155817
記事部分に無理やりhtmlで枠線を追加してます
毎回記事からhtmlを追加しなくてもいいようにCSSから枠線を追加したいです

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2015/07/17 21:18:31
  • 終了:2015/07/18 15:59:53

ベストアンサー

id:psne No.1

ぽけっとしすてむ回答回数513ベストアンサー獲得回数2862015/07/18 09:08:58

<style>
.entry-header {
  border-style: solid solid none;
  border-width: 1px;
  margin-bottom: 0 !important;
  padding-bottom: 0.5em;
}
.entry-content {
  border-style: none solid solid;
  border-width: 1px;
  margin: 0 0 0.8em !important;
  padding-top: 0.1em; /* あまり上手くない */
}
</style>

このような形になるかと思います。
ヘッダ部分に追加します。

id:a-kuma3

.entry-content の内側にある h2 の margin-top が効いて border の隙間ができちゃうんですね。
padding-top: 0px; だと隙間ができて padding-top: 0.1px; だと隙間が消える謎。

2015/07/18 10:44:54

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません