HTML & CSS - 箇条書きのマークを画像にする

箇条書きのマークを画像にする

箇条書きのマークを画像にするには、CSS の list-style-image プロパティで定義します。list-style-image プロパティの値は箇条書きのマークを指定された画像に変更します。ただし、list-style-typelist-style-image を同時に指定した場合は list-style-image の値が優先されます。

<!DOCTYPE html>
<html lang="ja">
  ...
  <ul class="liststyleimage_star">
    <li>マークを画像に変更したリスト</li>
  </ul>
  ...
</html>
箇条書きのマークを画像にする - HTML
.liststyleimage_star {
    list-style-image: url("../img/star.png");
}
箇条書きのマークを画像にする - CSS
0
SHARE
Twitter
@murashun
お問い合わせ
murashun@gmail.com
ご質問(マシュマロ)
https://marshmallow-qa.com/murashun
ご支援(Stripe)
https://checkout.stripe.com/