JavaScript - このCSSの書き方

Question

このカテゴリのこのグラフィックの CSS を記述するにはどうすればよいですか? 私の方法は、相対的に配置された疑似クラスをボーダー下部に追加することです。

何か良いアイデアはありますか

Answer 1

表示効果を容易にするために、border以及:afterを使用して、次のデモの線幅を 2px に設定します。
オンライン プレビュー

。

html >>>>>>

リーリー

css >>>>>>

リーリー

Answer 2

縦線には境界線を使用し、横線にはその前を使用します

リーリー

Answer 3

大胆なアイデアがあります〜、::beforeと::afterを使って組み合わせてください

Answer 4

クラスの境界線を宣言して、水平線を書き、それを90度回転させれば、このクラスは再利用できます~~
。