疑似要素のcontentにhtml特殊文字コードを使う【::before, ::after】

コーダーのオッコです。

beforeやafterのcontentに、四角や矢印などの記号を文字コードで入れる方法です。

  1. 文字コードを16進数に直す。
  2. &#　→　¥0　に直す。
  3. xと;は省略する。

■　→　\025A0

hoge::before {
  content: "\025A0";
}

参考：https://www.oikawa-sekkei.com/web/design/css/content.html

https://www.benricho.org/symbol/kigou_05.html

システム開発はアピステクノロジーへ

アピステクノロジーでは、システム開発をはじめ、システムパッケージの販売にも力を入れています。

「IT TOOL」をご存じですか？

既に標準の機能が実装されているシステムパッケージを、貴社用にデザインカスタマイズし提供します。

さらに、IT導入補助金の利用で価格を大きく抑えることも可能です。

実績多数、低価格で本格的なサイトができると好評いただいております。

詳しくは弊社HPをご覧ください。

アピステクノロジーの実績紹介はこちら↓

実績紹介