Css 页脚栏上的文本

Css 页脚栏上的文本,css,html,Css,Html,我的网站网址是 在右下角,我想在红色的页脚栏上放一个小链接 我已经创造了一个简单的形象,我想做什么 我怎样才能做到这一点呢?好的,首先。你看到红条了吗?你有一个div在div里面你有一个图像。你应该把红色的条形图作为背景,并在div中放置一个链接。然后你可以用填充/边距将链接定位在你想要的位置 #footer a {} <a href="">Example</a> 此页上的代码是一个灾难。因此,您必须从HTML中删除图像,并使用CSS创建背景图像 需要类似的东西 CS

我的网站网址是

在右下角,我想在红色的页脚栏上放一个小链接

我已经创造了一个简单的形象,我想做什么


我怎样才能做到这一点呢?

好的,首先。你看到红条了吗?你有一个div在div里面你有一个图像。你应该把红色的条形图作为背景,并在div中放置一个链接。然后你可以用填充/边距将链接定位在你想要的位置

#footer a {}

<a href="">Example</a>

此页上的代码是一个灾难。因此,您必须从HTML中删除图像,并使用CSS创建背景图像

需要类似的东西

CSS:

HTML:


看这里

一些现有代码可能在这里有所帮助。这不是租一个程序员。我们可以帮助您编写代码,而不是为您编写代码。我在图片中看到,您希望我们如何回答您的问题?请放置一些与页脚相关的代码。请不要使用边距/填充来“定位”页脚。我们有位置,甚至可以用浮子。 #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; }
<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 --->