1. ホーム
  2. html

[解決済み] span を使わずに HTML リストの箇条書きの色を変更する

2023-03-10 16:05:43

質問

リスト内の箇条書きの色を変更する方法はないでしょうか。

このようなリストがあります。

<ul>
   <li>House</li>
   <li>Car</li>
   <li>Garden</li>
</ul>

liの中にspanやpを挿入することができません。そこで、何かスマートな方法で、箇条書きの色を変え、テキストを変えることはできないでしょうか?

どのように解決するのですか?

画像を使用することができれば、これが可能です。また、画像がないと、箇条書きの色だけを変えて、テキストの色を変えることはできません。

画像を使用する

li { list-style-image: url(images/yourimage.jpg); }

参照

リスト風画像

画像を使用しない場合

それから、HTMLマークアップを編集して、リストの中にspanを含め、liとspanを異なる色で着色する必要があります。