cssでul liタグのリストマーカーを任意の文字列に変更する方法

例えば「※」をリストマークに設定する方法として

htmlは

<ul class="marginLeft2em">  
  <li class="listStyleKome">cssでul liタグのリストマーカーを任意の文字列に変更する方法のサンプルテキストです。</li>
</ul>

cssは

.listStyleKome {
  list-style: none;
}
.listStyleKome:before {
  content:"※";
  margin-left: -14px;
}

マイナスマージンを設定しないと

※あああ・・・
あああ

のようになってしまうので注意。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)