Toshiaki_Ha5491 https://blog.hatena.ne.jp/Toshiaki_Ha5491/ ivoire https://sampleblog2037.hatenablog.com/ CSS HTML このページでは、メインブログやこのサンプルブログで使用している、グローバルナビゲーション下（デスクトップ）/ブログタイトル下（モバイル）にシンプルな背景色囲み枠およびその内部にアイコンやテキストを挿入するHTML/CSSを紹介します。 デスクトップのサンプルがこちら。 モバイルのサンプルがこちら。モバイルではアイコン表示を省略しています。 使い方 必ずこう使いましょう、というものはありません。自分はお勧めしたい特定記事のプロモーションや何らかのメンテナンス作業中の警告表示などに使用しています。警告表示に使う場合は、背景色を淡い黄色#fef7e0や淡いピンク#fff2f7など、警告色っぽい色にC… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsampleblog2037.hatenablog.com%2Fentry%2Funderblogtitle-banner" title="ブログタイトル下にシンプルな囲み背景色バナーを挿入するCSS + HTML - ivoire" 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/T/Toshiaki_Ha5491/20250628/20250628095143.png Hatena Blog https://hatena.blog 2025-08-01 00:12:00 rich https://sampleblog2037.hatenablog.com/entry/underblogtitle-banner 1.0 100%