CSSで見出しに四角「■」を付ける

harada 406views 更新:2016年3月16日

以下のCSS例だと下線もつけています。

↓以下の様な感じです。(四角のサイズは自由に変更できます)

■ みだし
─────────────────────────────────────────────

h3 {
      border-bottom: 1px solid #000;
      font-size: 110% !important;
      font-weight: normal;
      padding-bottom: 5px;
      position: relative;
      padding-left:15px;
}

h3:before {
        background: #000;
        content: "";
        height: 10px;//四角のサイズ
        width: 10px;//四角のサイズ
        left: 0;
        position: absolute;
        top: 3px;
}

参考:【CSS】見出しの前に四角形を書く(主に自分用(´・ω・`))

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません