0

CSS を使用して番号付きリストのスタイルを設定しようとしており、背景が丸みを帯びた数字のフォントであるため、それぞれが黒の背景に白/透明の数字として設定されている 1234567890 を持つフォントを見つけようとしています。

誰でもフォントを推奨できますか?私は dafont.com のようなサイトに出くわしていますが、私の人生では、0-9 の実際の数字がディスク上の数字にマッピングされているフォントに出くわすことはできませんか?

Wingdings のようなフォントにはこれらの丸められた数字が含まれていますが、それらは数字自体以外のまったく異なる文字の上にあるため、順序付きリストに使用することはできません.

4

1 に答える 1

2

これは、希望する外観のフォントが見つからない場合に役立ちます...

http://jsfiddle.net/H5Xyz/

<ul>
    <li><span>1</span></li>
    <li><span>2</span></li>
    <li><span>3</span></li>
    <li><span>4</span></li>
    <li><span>5</span></li>
    <li><span>6</span></li>
    <li><span>7</span></li>
    <li><span>8</span></li>
    <li><span>9</span></li>
</ul>


ul > li {
    list-style-type: none;
    margin: 0 0 0 25px;
}

ul > li > span {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    background: #000;
    text-align: center;
    color: #fff;
}
于 2013-02-12T16:24:23.747 に答える