【疑似要素パターン】文字の横にライン

テキストの左右に水平線、テキストの右側に水平線、テキストの下に水平線、長さや幅を指定して入れる、というのは疑似要素を使用する。

参考サイトのコードを見て見ると「::brfore」「::after」などがあると思うが、それが疑似要素。

cssでクラスを指定してそのクラスの後に「 :brfore」を追加すればクラスで挟んだテキストの前にCSSで指定したものが。 「 :after」 を追加すればクラスで挟んだテキストの後にCSSで指定したものが。という感じ。

文字の左右にライン

CSS

HTML

文字の右側にライン

CSS

HTML

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です