GSka https://blog.hatena.ne.jp/GSka/ Ｇスカの適当に遊べ https://gskpcblog.hateblo.jp/ 03　ブログ改変や趣味のプログラム 「ブログタイトルの上下に大きな隙間が空いていて、間延びして見える…」 「タイトルや説明文が端っこによりすぎていて読みづらい…」 はてなブログのデザインテーマによっては、タイトル周りの余白が固定されていて、思った通りの配置にならないことがありますよね。 今回はタイトルや説明文の「左右のゆとり」を作る方法と、テーマの制限をすり抜けて「上下の大きな隙間をギュッと詰める」裏ワザCSSをご紹介します！ まずはCSSの貼り付け場所を確認 タイトルと説明文に「左右の余白」を作るコード 上下の「巨大な隙間」を詰めるコード 【裏ワザ】1px単位で思い通りの位置に微調整するコード まとめ 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgskpcblog.hateblo.jp%2Fentry%2F2026%2F10%2F05%2F120000" title="【はてなブログCSS】ブログタイトル周りの余白を自由自在に調整！隙間やつまりをピッタリ解決する裏ワザ - Ｇスカの適当に遊べ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/G/GSka/20261002/20261002223758.webp Hatena Blog https://hatena.blog 2026-10-05 12:00:00 rich https://gskpcblog.hateblo.jp/entry/2026/10/05/120000 1.0 100%