2

私はこのメニューを持っています-

<div ><ul id="menu">
        <li class="one"><a href="http://www.domain.com">Dashboard</a></li>
        <li class="two"><a href="<?php echo bp_loggedin_user_domain() ?>">Profile</a></li>
        <li class="three"><a href="<?php echo bp_loggedin_user_domain() ?>messages">Messages</a></li>
        <li class="four"><a href="<?php echo bp_loggedin_user_domain() ?>friends">Friends</a></li>
        <li><?php bp_adminbar_notifications_menu() ?>
        <ul>
        <li> </li>
        </ul>
        </li>
    </ul>

とにかくアイテム間に垂直分割線を追加できますか？ありがとう

4

1 に答える 1

2

を使用し:afterて配置できます。

#menu > li:after {
  content: '|' /* or url('divider.png'); */
}
#menu > li:last-child:after {
  content: none;
}

これがあなたが求めているものかもしれないと思います。ただし、ブラウザのサポートは最新のブラウザに限定されることに注意してください。幸いなことに、デグレードは非常にスムーズで、古いブラウザでも壊れることはありません。

デモ: http://jsbin.com/awarih/edit#html,live
デモ (画像あり): http://jsbin.com/awarih/2/edit#html,live

于 2012-04-27T19:35:53.960 に答える