我无法让导航栏按钮显示背景按钮。我该如何解决？

Question

这分别是我的CSS和HTML代码：

 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #55AAFF; } li { float: left; } li a { display: block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #1D72C7; } .indextext { font-family: roboto, arial, calibri, sans-serif; text-align: center; padding: 50px 150px 0px 150px; }

 <html> <head> <title>Welcome - Bookmark Designs - Web Design Solutions</title> <link href="C:\\Users\\Raj\\Desktop\\New folder\\homepage_css.css" type="text/css" rel="stylesheet" /> </head> <body> <div class="logoimg"> <img src="" </img> </div> <div class="nav" <ul> <li id=1><a href="#">Home</a></li> <li id=2><a href="">Portfolio</a></li> <li id=3><a href="">Prices</a></li> <li id=4><a href="">Contact Us</a></li> <li id=5><a href="">About Us</a></li> </ul> </div> <div class="mainimg"> <img src="" /> </div> <div class="indextext"> <p>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</p> </div>

我提供了以下输出的链接。 另外，如何阻止这些要点出现？

我已经努力了很长时间，并且将自己有限的知识弄清楚是什么原因造成的，并且进行了大量的试验和错误，但是我尝试的大多数事情都会使情况变得更糟。

非常感谢你。

Answer 1

<div class="logoimg">
    <img src="">
</div>
<div class="nav">
    <ul>
        <li id=1><a href="#">Home</a></li>
        <li id=2><a href="">Portfolio</a></li>
        <li id=3><a href="">Prices</a></li>
        <li id=4><a href="">Contact Us</a></li>
        <li id=5><a href="">About Us</a></li>
    </ul>
</div>  
<div class="mainimg">
    <img src="">
</div>
<div class="indextext">
  <p>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</p>
</div>

img标签没有结束</img>
您在div上缺少结束>
将您的id属性值放在引号中

小提琴： https : //jsfiddle.net/zhtq9jn9/1/

我无法让导航栏按钮显示背景按钮。我该如何解决？

问题描述

1 个解决方案

解决方案1
0 2016-06-03 18:11:36

我无法让导航栏按钮显示背景按钮。 我该如何解决？

问题描述

1 个解决方案

解决方案1 0 2016-06-03 18:11:36

我无法让导航栏按钮显示背景按钮。我该如何解决？

解决方案1
0 2016-06-03 18:11:36