CSSで矢印の”>”アイコンを作る方法

2017/9/20 CSS

最近良く見かける'>'での見出しやリストの項目があります。
これをテキストで打ってしまうと

> ここにリンクのテキスト

といったように、不格好になってしまいます。

スクリーンショット 2017-09-20 11.38.18

このようになっているとかっこいいですね。

目次

html

css

フォントサイズや環境によって矢印の位置の調整は必要なので:beforeabsoluteで調整してください。

投稿者:気まぐれWEBLOG管理人