导航按钮中的垂直黑条

时间:2015-05-04 08:17:17

标签: html nav

参加一个超基本的HTML课程,只需要提交这个项目,这样我就不会失败。在我简单的丑陋菜单上,我在每个按钮上的文本左侧的按钮内都有一个垂直的黑条,除了" Home"。谢谢你的帮助保持冷静B) 我的导航代码是:

<style>
    nav ul {list-style-type :none;
            margin : 0 25% 0 25%;}
    nav ul li {
            float : center;
    }
article {clear : left;}
nav ul li {
        float : left;
        margin-right : 1em;
        margin-bottom : 1em;
        text-align:center;
}
nav ul li a {
        text-align:center;
        padding : 0.25em .5em;
        text-decoration : bold;
        background-color : tan;
        color : black;
        border : 1px solid black;
        border-top-left-radius :  0em 0em;
        border-top-right-radius : 0em 0em;
}
</style>
</head>

<body>
    <header>
        <h1>Fish Stories</h1>
    </header>

    <nav>
        <ul>
            <li><a href="index.html">Home</li>
            <li><a href="teenfishes.html">Teen Fisherman</li>
            <li><a href="alienfish.html">Alien Fish</li>
            <li><a href="talltale.html">Jean Sot</li></a>
        </ul>
    </nav>

1 个答案:

答案 0 :(得分:1)

更正您的HTML代码结构如下。

  var res = from H in db.Products
                      join C in db.customers on H.Username equals C.Username
                      where C.Username == H.Username
                      select new { Username = H.Username, Product = H.Product, EMail = C.EMail}

            Results results = res.Single();