导航按钮中的垂直黑条

-1

以一个超基本的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>

来源

2015-05-04 marc_defranco

学习使用[HTML验证器]（https://validator.w3.org/nu/）。它会告诉你你的错误在哪里。 – Alohci

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

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

来源

2015-05-04 08:25:28

导航按钮中的垂直黑条

回答

相关问题