今回は、擬似要素で三角形をつくり、吹き出し型のタイトルを作る方法を御紹介します。
ちなみにこんなやつです↓
いろいろなサイトを見たり、模写したりしているとけっこう見かけますよね。
でも、これってどうやるんだろ、という方は参考にしてください。
サンプルコード
HTML
<div class="balloon">
<h3 >タイトル</h3>
</div>
CSS
詳しくはこちらを参考にしてください。
まとめ
コードの意味を解説するより、
実際に色や数値を変えることで、
どのように変化するか確認した方が理解が速いと思います。
いろいろとアレンジしてみてください。
Bootstrap関連の記事も紹介しておきます↓ 続きを見る
【Bootstrap】ヘッダーロゴは左端、メニューは右端 とする方法