2

CSS と HTML コードは次のとおりです。eric meyer のリセット スクリプトを使用しました。関連すると思われるスクリプトを編集しました。

    /* reset CSS script */

ol, ul {
    list-style: none;
}

/* End of reset CSS script */

#navbar {
    border: 5px solid red;
    margin: -580px 0 0 160px;
    width: 1500px; 

    font-size: 26px;
    font-family: 'Conv_LITHOSPRO-REGULAR';
}
#navbar ul li {     
        display:inline;
        padding:0 35px 0 0; 
        list-style-type:disc;
        }

これが HTML コードです。

        <nav id="navbar">
            <ul id="hli">
                <li id="OP"><a  href="Orders.html">Your Order</a></li>
                <li id="MP"><a  href="Menu.html">Menu</a></li>
                <li id="CUP"><a  href="ContactUs.html">Contact Us</a></li>
                <li id="JP"><a  href="Jobs.html" target="_blank">Jobs</a></li>
                <li id="TCP"><a  href="TC.html">Terms & Conditions</a></li>
            </ul>   
        </nav>
4

2 に答える 2

7

list-style-typeプロパティは、要素のみに適用されますdisplay: list-item。したがって、インライン要素に変換したリスト項目の前にマーカーを配置する場合は、コンテンツに直接、または生成されたコンテンツを介してマーカーを追加する必要があります。たとえば、次の例では、各項目の前に黒丸「•」とスペースを置きます。

#navbar ul li:before {
   content: "\2022  "
}
于 2012-07-18T14:27:06.300 に答える