css - 标题设计问题中的链接

Question

嘿伙计们，我打算在我的标题中添加链接，但设计它们给我带来了一些问题。我的目标是制作一个类似于推特的，但我面临两个问题。首先，当我更改一个链接的背景颜色时，它会更改链接周围的背景颜色，但我希望它将链接的背景从标题顶部更改为标题底部。(请参阅推特以更好地理解)还有，我怎样才能改变事件链接的背景颜色？我所说的事件是指如果链接链接到 homepage.php 并且用户在 homepage.php 中，我希望链接具有不同的背景颜色。这是我到目前为止想出的代码:

<div class="littleheader"><div class="logo"><a HREF="index.php"><img class="fleft" src="graphics/little-logo.png" alt="Cliproid" ></a></div>

<div class="navbuttons">
<div class="navigations">
<a class="nav">test</a>
</div>
<br/><br/>
</div>
</div>

和样式:

    div.littleheader
    {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aadbba), to(#009933)); 
        background: -moz-linear-gradient(top, #aadbba, #009933); 
        padding: 0.5em;
        color: white;
        clear: left;
        z-index: 1;
        height: 30px;
        }   
     .logo
     {
        margin-left: 100px;
        vertical-align: middle;
        }
       div.navbuttons{
        float: left;
        text-align: left;
        margin-left: 50px;
        }
.fleft
{
    float: left;
    }
.navigations
{
    float: left;
    vertical-align: middle;
    margin-left: 10px;
    }   
a.nav
{
    vertical-align: middle;
    color: white;
    }

Answer 1

我的第一个想法是更改 a.nav:

a.nav {
  display: block;
  float: right;
  line-height: 120px;      /* just an example, line-height causes vertically aligned */
}

然后从那里拿走它。

您必须将整个导航栏向右浮动，将其他内容向左浮动，但这是基本的开始。