更改标题背景

时间:2014-09-04 20:15:30

标签: html css

我有一个论坛@ http://forum.banaisbul.com

如果您查看网站,则可以看到标题背景出现问题。我想将整个标题背景更改为徽标背景的颜色。但我不知道哪些代码放在哪里。

5 个答案:

答案 0 :(得分:1)

Matthew Rath为您所写的问题提供了正确的答案。但是,您揭示的更大问题是您不知道如何使用您的资源。花一些时间学习使用您的Web开发人员工具(Web检查员等)。然后,您可以自己快速解决这些问题。

答案 1 :(得分:1)

它的#404040 - 在Photoshop中测试:

<强> HTML:

<div style="background-color: #404040;">
    <a href="http://forum.banaisbul.com">
        <img src="http://forum.banaisbul.com/wp-content/uploads/2014/09/banaisbulsiyah.jpg" border="0" alt="Link to this page">
    </a>
</div>

Photoshop图片:

enter image description here

答案 2 :(得分:0)

您需要设置当前没有指定选择器的容器div的样式:

http://puu.sh/blDRr.png

你可以这样做:

.cnt-container > div {
background-color: "your colour"
}

答案 3 :(得分:0)

从它的外观来看,您可以简单地将一些CSS添加到包含标题图像的div中。

<div class="imgheader">
    <img src="http://forum.banaisbul.com/wp-content/uploads/2014/09/banaisbulsiyah.jpg" border="0" alt="Link to this page">
</div>

然后在你的CSS文件中可以做

.imgHeader{
    background-color: #3D3D3D;
}

可替换地,

<div style="background-color: #3D3D3D">
</div>

最难的部分可能是将CSS颜色十六进制代码(例如#3D3D3D)与您的图像相匹配。您可能希望在此处尝试获得完全匹配:Paletton.com

答案 4 :(得分:0)

您也可以直接在页面模板中添加它(这称为'内联样式'):

你的身体标签下面几行你会发现

<div>
<a href="http://forum.banaisbul.com"><img src="http://forum.banaisbul.com/wp-content/uploads/2014/09/banaisbulsiyah.jpg" border="0" alt="Link to this page"></a>
</div>

您需要将其更改为

<div style="background-color:#404040">
<a href="http://forum.banaisbul.com"><img src="http://forum.banaisbul.com/wp-content/uploads/2014/09/banaisbulsiyah.jpg" border="0" alt="Link to this page"></a>
</div>