【画像不要】CSSでリストの矢印を実装する4つの方法 | HedgeHog - Web制作の忘備録 -リストを表示の矢印は画像をbackgroundで指定してしまいがちですが、CSSのみで実装できるリスト4パターンをご紹介します。リストを表示する際のあの矢印、、 ついつい画像をbackgroundで指定してしまいがちですが、CSSのみでも綺麗で見栄えのいいリストを実装することができます。 今回はコピペで簡単に表示できるCSSでリストの矢印を実装する4つの方法をご紹介します。 【目次】 1. 「▶」を使ったリスト 2. 「>」を使ったリスト 3. 円と「▶」を合わせたリスト 4. 円と「>」を合わせたリスト 使用するHTMLはこちら↓<ul class="arrow"> <li><a href="#">リスト項目</a></li> <li><a href="#">リスト項目</a></li> <li><a href="#">リスト項目</a></li> <li><a href="#"
