0

我想试试这样的 联系方式 | 回到首页 | 博客 让我们认识我们 | 关注我们的更新

意思是回到家是在HOME下的jst，然后是一个边框，然后让我们知道我们也在Contact下，就像一个colum，我的代码是html：

<dl class="dl">

  <dt class="nav"><a href=""><b>HOME</b></a></dt>
        <dd class="nav1">Back to home</dd>


  <dt class="nav"><a href=""><b>PRODUCTS</b></a></dt>
       <dd class="nav1">What we have for you</dd>

  <dt class="nav"><a href=""><b>SERVICES</b></a></dt>
       <dd class="nav1">Things we do</dd>

  <dt class="nav"><a href=""><b>BLOG</b></a></dt>
       <dd class="nav1">Follow our updates</dd>

  <dt class="nav"><a href=""><b>CONTACT</b></a></dt>
      <dd class="nav1">Ways to reach us</dd>

</dl>

css:

#header .dl{
    text-decoration:none;
    height:50px;
    width:60%;
    float:right;
    list-style:none;
    margin-right:10px;
    margin-top:40px;

    }
#header .nav{

    display:inline;
    color:#666;
    font-family:Tahoma, Geneva, sans-serif;
    text-decoration:none;
    margin-left:10px;
    font-size:15px;
    border-right:1px dotted #CCCCCC;
    float:left;
    padding-right:15px;
    padding-left:20px;


    }
#header .nav a{
    color:#009;
    text-decoration:none;
    }
#header .nav a:hover{
    color:#09f;
    }
#header .nav1{


    clear:both;
    }

帮我

4

1 回答 1

0

如果您正在制作菜单，ul建议使用。

看我的jsFiddle！

于 2013-07-15T14:16:28.353 回答