人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: otmp123
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ぽけっとしすてむ
ベストアンサー
<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>

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


a-kuma3さんのコメント
.entry-content の内側にある h2 の margin-top が効いて border の隙間ができちゃうんですね。 padding-top: 0px; だと隙間ができて padding-top: 0.1px; だと隙間が消える謎。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ