導航按鈕中的垂直黑條

-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

導航按鈕中的垂直黑條

回答

相關問題