我在这里有一个用 html 编码的菜单,但我需要一条虚线来跨越名称和价格,我将如何在这里做呢?我有点失落了哈哈。

在这里你可以看到它。

http://mystycs.com/menu/menuiframe.htm

我知道我可以使用 css 来做到这一点,但我如何才能做到这两者之间的跨度。

谢谢=)

最佳答案

<style type="text/css">
 .menugroup{
    width:100%;
 }


 .itemlist{
        list-style-type: none;
 }

 .seperator{
        margin: 5px;
        width:50%;
        border-bottom: 1px dotted #000
 }

</style>


<div class="menugroup">

   <ul class="itemlist">
      <li>item name<span class="seperator"></span>price</li>
   </ul>

</div>

关于css - 虚线 Html 跨度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3918612/

10-12 13:06
查看更多