fujitora https://blog.hatena.ne.jp/fujitora/ プログラミングを完全に理解したエンジニアのメモ https://fujitora.hatenablog.jp/ 背景がボーダーのデザイン こんなやつ ・レスポンシブでもデザインの背景に切れ目が入らない ・複数行でも対応できる を満たす実装 html <div class="title">背景がボーダーの吹き出しのタイトル</div> <br><br><br> <div class="title">背景がボーダーの吹き出しのタイトル改行が入っても大丈夫です。<br>背景がボーダーの吹き出しのタイトル改行が入っても大丈夫です。<br>背景がボーダーの吹き出しのタイトル改行が入っても大丈夫です。</div> css .title { position: relative; padding: 16px 10px… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffujitora.hatenablog.jp%2Fentry%2F2019%2F04%2F03%2F213404" title="背景がボーダー(とか単色ではない)の吹き出し - プログラミングを完全に理解したエンジニアのメモ" 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/f/fujitora/20190403/20190403213211.png Hatena Blog https://hatena.blog 2019-04-03 21:34:04 rich https://fujitora.hatenablog.jp/entry/2019/04/03/213404 1.0 100%