ミギムキ

[CSS] 文字の下に短いバーをつけた見出しを設置したい

やりたいこと

サンプルコード

.under_bar { position: relative; padding: 0px 0px 1em; font-size: 24px; text-align: center; } .under_bar:after { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 1.5em; height: 5px; background-color: #3388dd; content: ""; }
スポンサー広告

仕組み、解説、補足など