HOME
HTML と CSS を始められる方を対象とした HTML/CSS 入門です。HTML/CSS における記述方法をサンプルコードと一緒に学習します。
箇条書きのマークを画像にするには、CSS の list-style-image
プロパティで定義します。list-style-image
プロパティの値は箇条書きのマークを指定された画像に変更します。ただし、list-style-type
と list-style-image
を同時に指定した場合は list-style-image
の値が優先されます。
<!DOCTYPE html>
<html lang="ja">
...
<ul class="liststyleimage_star">
<li>マークを画像に変更したリスト</li>
</ul>
...
</html>
.liststyleimage_star {
list-style-image: url("../img/star.png");
}