css - 页脚栏上的文字

Question

我的网站网址是 http://www.hentaireader.com

在右下角，我希望在红色页脚栏上放置一个小链接。

我已经为我想要做的事情创建了一个简单的图像。

我怎样才能做到这一点？

Answer 1

此页面上的代码是一场灾难。话虽如此，您将不得不删除 http://www.hentaireader.com/images/bar.gif来自 HTML 的图像并使用 CSS 创建背景图像。

需要类似的东西...

CSS:

#footer-bar {
      width:100%;
      background-color:#f40000;
      background-image: url(http://www.hentaireader.com/images/bar.gif);
      background-position:top center;
      background-repeat:no-repeat;
      text-align: right;
      margin-bottom: 10px;
}
#footer-bar ul {
        width: 950px;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: 0px;
        top: 0px;
}
#footer-bar li {
        display: inline;
        line-height: 30px;
        margin-left: 6px;
}
#footer-bar li a {
    color: #FFFFFF;
}

HTML:

<div id="footer">
  <div id="footer-bar">
    <ul>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Another Link</a></li>
    </ul>
  </div>
  All characters on hentaireader.com are purely fictional and 18+ years of age.
</div><!--- FOOTER --->

看这里... http://jsfiddle.net/b8Xh7/1/