Question

div的背景颜色未显示为h1和h3内容。我究竟做错了什么？提前谢谢！

CSS：

#header {
    width: 100%;
    height: 250px;
    background: linear-gradient(#4C205C, #000000);
    margin: -20px 0px 0px 0px;
    overflow: hidden;
}

#header > h1 {
    color: #FFFFFF;
    text-align: center;
    padding-top: 15px;
}

#header > h3 {
    color: #FFFFFF;
    text-align: center;
}

HTML：

<div id="header">
    <h1>Hello world</h1>
    <h3>Hello!</h3> 
</div>

Answer 1

<强> Demo

如果要为h1 / h3添加背景颜色，则需要为其指定css样式，您的代码才能正常工作。

#header > h3 {
    color: #FFFFFF;
    text-align: center;
    background: red /* add this */
}

Answer 2

如果要更改背景颜色，则必须使用背景属性而不是颜色属性，因为颜色属性会更改该div内文本的颜色。

你的CSS应该是这样的：

#header {
width: 100%;
height: 250px;
background: linear-gradient(#4C205C, #000000);
margin: -20px 0px 0px 0px;
overflow: hidden;
}

   #header h1{
    background: #FFFFFF;
    text-align: center;
    padding-top: 15px;
    }

#header h3{
     background:#FFFFFF;
     text-align: center;
}

如果不发表评论，这是否解决了您的问题.. 谢谢!!

div中内容缺少背景颜色

2 个答案: