otmp123回答ポイントなし

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

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

ベストアンサー

ぽけっとしすてむ2015/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>

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

スター

1件のコメントを見る
a-kuma3 2015/07/18 10:44:54

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

スター

この質問へのコメント

コメントはありません

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

ベストアンサー

ぽけっとしすてむ2015/07/18 09:08:58

a-kuma3 2015/07/18 10:44:54

その他の回答

この質問へのコメント

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

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版