3

liタグに絵ではなく文字を使いたいです。Google でヘルプが見つかりません。
私は知ってlist-style-image: url(myimage.gif)いますが、スケーラブルではなく、網膜で見栄えが悪いため、画像を使用したくありません。

4

2 に答える 2

10

「箇条書きや画像の代わりにテキストを使用できますか」ということですか?

その場合、css:before疑似要素が役立ちます。

li {
  list-style-type: none;
}

li:before {
  content: '* ';
}

もちろん、「*」を選択したテキストに置き換えてください。

要素に通常の CSS を使用して、:before好きなようにスタイルを設定できます。例えば：

li:before {
  content: '> ';
  font-family: 'wingdings';
  font-weight:  bold;
}

この手法をFont Awesomeのような SVG フォントと組み合わせることで、スケーラブルなグラフィックスを得ることができます。

于 2013-10-30T22:05:18.877 に答える