html - 画像を使用せずに、HTML リストの円の代わりに別の形状を選択することは可能ですか?

Question

できれば、円を置き換える三角形を探します。画像を使用したくないのですが、他に方法がない場合は使用します。

Answer 1

うん。ただし、円や正方形以外のものを使用する場合は、少し手間がかかります:)

参照: http://alistapart.com/article/taminglists

リンク先の記事では、最初に元のマークアップを削除してこれを行う方法について説明しています。

ul.custom-list {
 list-style: none;
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em;
}

次に、「before」疑似セレクターを使用してカスタムの箇条書きを追加し、それにコンテンツを挿入します。

ul.custom-list li:before {
 content: "\0BB \020";
}

この場合、彼らはそれを使用して「二重シェブロン」シンボルを含めています. 挿入したいもののシンボルコードを調べることができます。

Answer 2

はい、使用できます

list-style

そのためのスタイル プロパティ。

Answer 3

残念ながら、標準マーカーとして使用できる三角形はありません。の値の完全なリストは、ここlist-style-typeにあります。