更改页脚文本颜色。背景变化？答案

【问题标题】：Change footer text color. Background Change?更改页脚文本颜色。背景变化？
【发布时间】：2012-12-02 03:39:34
【问题描述】：

我无法更改页脚的文本颜色。我按照我的意愿安排了它，但它并没有像我想要的那样改变颜色。我尝试了很多方法来改变它，最后还是决定问问某人。另外，如果有人能告诉我如何添加类似于我网站页面的背景。我将不胜感激。但我主要需要更改文本颜色。这是我正在更改的网站当前主题的链接。 http://www.bbcardmore.com/
新主题具有灰色背景，使得页脚的文本几乎无法阅读。所以请帮助我。 :)

编辑：我已经通过做一些简单的事情解决了我的文本问题。现在我的文本看起来像我想要的那样。但是，如果有人可以帮助我为页脚创建背景。我将不胜感激。
向下滚动以查看更新后的 HTML。

CSS

    /* =Footer
    -------------------------------------------------------------- */
    .left{
    text-align:left;float:left;margin-left:17px;
    color:#191e26;
    }
    .right{
    float:right;text-align:right;
    color:#191e26;
    }
    .centered{
    float:left;margin-left:160px;text-align:center;
    color:#191e26;
    }

旧 HTML

    <html>
    <body>
    <head>
    </style>
    <head>
<div id="footer">
 <div class="left">
 <h3><p style="padding-top: 10pt; " class="paragraph_style"><font size="5" color="red">About Us</font><br /></p></h3>
     <p class="paragraph_style_1"><a title="BBC History" href="http://www.bbcardmore.com/bbc-history-3/">BBC History</a>                 <br /></p>
     <p class="paragraph_style_1"><a title="BBC Statement Of Faith" href="http://www.bbcardmore.com/statement-of- faith/">BBC Statement Of Faith</a><br /></p>
     <p class="paragraph_style_1"><a title="BBC Ministries" href="http://www.bbcardmore.com/bbc-ministries/">BBC Ministries</a><br /></p>
     <p class="paragraph_style_1"><a title="BBC Pastor" href="http://www.bbcardmore.com/our-pastor/">BBC Pastor</a><br />  </p>
     <p style="padding-bottom: 0pt; " class="paragraph_style_1"><a title="BBC Map"  href="http://www.bbcardmore.com/map/">BBC Map</a></p>
        </div>  

 <div class="centered">
 <h3><p style="padding-top: 10pt; " class="paragraph_style"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"><font size="5" color="red">Service Times</font><br /></p></h3>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"> Sunday School~ 10:00 AM</a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"> Sunday Morning Service~ 11:00 AM</a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"> Sunday Evening Service~ 7:00 PM</a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"> Wednesday Evening Bible Study~ 7:00 PM</a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"> Transportation and child-care available for all services.</a><br /></p>
            </div>

   <div class="right">
<h3><p style="padding-top: 10pt; " class="paragraph_style"><a title="Contact Us" href="http://www.bbcardmore.com/contact-us/"><font size="5" color="red">Contact Us:</font><br /></p></h3>
    <p class="paragraph_style_2"><a title="Map" href="http://www.bbcardmore.com/map/"><font size="3" color="red">Physical Address:</font><br /></p>
    <p class="paragraph_style_1"><a title="Map" href="http://www.bbcardmore.com/map/">1515 Easley Drive<br /></p>
    <p class="paragraph_style_1"><a title="Map" href="http://www.bbcardmore.com/map/">Ardmore, OK 73401<br /></p>
    <p class="paragraph_style_3"><span class="style"><a title="" href="mailto:bbcardmore@aol.com"><font size="3" color="red">Email:</font></span> bbcardmore@aol.com<br /></p>
    <p class="paragraph_style_3"><span class="style"><a title="Contact Us" href="http://www.bbcardmore.com/contact-us/"><font size="3" color="red">Phone:</font></span> (580) 223-6629<br /></p>
        </div>
       <div>
      </body>
     </html>

新的 HTML

    <body>
    <head>
    </style>
    <head>
    <div id="footer">
    <div class="left">
    <h3><p style="padding-top: 10pt; " class="paragraph_style"><font size="5" color="#b42a1e">About Us</font><br /></p></h3>
     <p class="paragraph_style_1"><a title="BBC History" href="http://www.bbcardmore.com/bbc-history-3/"><font color="#191e26">BBC History</font></a>                 <br /></p>
     <p class="paragraph_style_1"><a title="BBC Statement Of Faith" href="http://www.bbcardmore.com/statement-of- faith/"><font color="#191e26">BBC Statement Of Faith</a><br /></p>
     <p class="paragraph_style_1"><a title="BBC Ministries" href="http://www.bbcardmore.com/bbc-ministries/"><font color="#191e26">BBC Ministries</font></a><br /></p>
     <p class="paragraph_style_1"><a title="BBC Pastor" href="http://www.bbcardmore.com/our-pastor/"><font color="#191e26">BBC Pastor</font></a><br />  </p>
     <p style="padding-bottom: 0pt; " class="paragraph_style_1"><a title="BBC Map"  href="http://www.bbcardmore.com/map/"><font color="#191e26">BBC Map</font></a></p>
        </div>  

 <div class="centered">
 <h3><p style="padding-top: 10pt; " class="paragraph_style"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"><font size="5" color="#b42a1e">Service Times</font><br /></p></h3>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"><font color="#191e26"> Sunday School~ 10:00 AM</font></a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"><font color="#191e26"> Sunday Morning Service~ 11:00 AM</font></a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"><font color="#191e26"> Sunday Evening Service~ 7:00 PM</font></a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"><font color="#191e26"> Wednesday Evening Bible Study~ 7:00 PM</font></a><br /></p>
     <p class="paragraph_style_1"><a title="Service Times" href="http://www.bbcardmore.com/service-times/"><font color="#191e26"> Transportation and child-care available for all services.</font></a><br /></p>
            </div>

   <div class="right">
<h3><p style="padding-top: 10pt; " class="paragraph_style"><a title="Contact Us" href="http://www.bbcardmore.com/contact-us/"><font size="5" color="#b42a1e">Contact Us:</font><br /></p></h3>
    <p class="paragraph_style_2"><a title="Map" href="http://www.bbcardmore.com/map/"><font size="3" color="#b42a1e">Physical Address:</font><br /></p>
    <p class="paragraph_style_1"><a title="Map" href="http://www.bbcardmore.com/map/"><font color="#191e26">1515 Easley Drive</font><br /></p>
    <p class="paragraph_style_1"><a title="Map" href="http://www.bbcardmore.com/map/"><font color="#191e26">Ardmore, OK 73401</font><br /></p>
    <p class="paragraph_style_3"><span class="style"><a title="" href="mailto:bbcardmore@aol.com"><font size="3" color="#b42a1e">Email:</font></span><font color="#191e26"> bbcardmore@aol.com</font><br /></p>
    <p class="paragraph_style_3"><span class="style"><a title="Contact Us" href="http://www.bbcardmore.com/contact-us/"><font size="3" color="#b42a1e">Phone:</font></span><font color="#191e26"> (580) 223-6629</font><br /></p>
        </div>
       <div>
      </body>
     </html>

【问题讨论】：

标签： text colors background footer

【解决方案1】：

您要更改红色颜色吗？

<font size="5" color="red">About Us</font>

删除color="red"

【讨论】：

其实我想保持红色。这是我要更改的其余文本。
我这样做了，没有效果。我的意思是将灰色文本更改为黑色等颜色。
我知道我需要做什么。我只是把“font color="black">/font>”放在了错误的地方。我已经弄清楚我需要做什么。然而;如果有人可以帮助我在页脚上添加背景而不会弄乱文本的位置；我将不胜感激。
#footer {背景：灰色；溢出：隐藏；}