Question

我有点蠢蠢欲动。刚开始今晚！无论如何，我已经为导航栏编写了一个CSS页面。我做了一个div，向左浮动并试图阻止href显示。在悬停在/激活时，我希望背景改变颜色，以及字体和字体样式。背景颜色保持不变，href仍然加下划线，但是斜体和改变颜色。有人可以帮忙??

#nav{
   width: 150px;
   float: left;
   margin-top: 12px;
   margin-right: 18px;
}

#content{
   width: 75%;
   float: left;
}

#nav ul{
   list-style: none;
   margin: 12px;
   padding: 0px;
}


#nav li{
   border-bottom:1px solid white;
}

#nav li a:link, #nav li a:visited{
   font-size: 10pt;
   font-weight: bold;
   display: block;
   padding: 3px 0px 3px 3px;
   background-color: red;
   color: black;
}

#nav li a:hover, #nav li a:active {
   font-style: italic;
   font-size: 10pt;
   font-weight: bold;
   display: block;
   padding: 3px 0px 3px 3px;
   bacground-color: black;
   color: red;
}

修改的

<div id="nav">
<ui>
<li><a href="http://www.com">Home</a></li>
<li><a href="pagetwo.html">Scoreboards</a></li>
<li><a href="adver.html">Advertisement Opportunities</a></li>
</ui>
</div>

Answer 1

以下是解决您问题的JSFiddle。

您在background-color: black;上输了一个错字，而text-decoration: none;则删除了下划线。

显示：导航栏上的块（CSS）并不像我认为的那样工作......？

1 个答案: