1

こんにちは、私はcss ulとliメニューバーを学ぼうとしています。私はこのデザインを作成しようとしていますhttp://s13.postimg.org/5bz1a4kw7/divider.jpg各メニューバーごとにスペースと仕切りを持っていますが、スペースを取得できないようです。調整してみましたが、メニューバーごとにこの間隔を空ける方法を把握できません (li)。正しい方向に私を連れて行ってくれませんか?ありがとう

これが私がこれまでに行ったことです http://jsfiddle.net/blackknights/Wbfjg/

<ul id="mcolor">
    <li><a href="default.asp"><font color="#000000"> Home </a></li>
    <li><a href="news.asp">News</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li><a href="about.asp">About</a></li>
</ul>   
4

2 に答える 2

4

コードを更新しました。

li a{
   display:block;
   padding:5px 10px;
   background:#ccc;
   border-right:1px solid #fff;
}
li a.last{
   border-right:none; 
}

jsfiddleを確認してください

于 2013-09-08T08:28:36.703 に答える
0

このFiddleを試してください。基本的にpadding-leftandpadding-rightmin-widthforli要素を使います。

于 2013-09-08T08:38:44.557 に答える