不能为div显示背景颜色

时间:2013-08-19 20:55:53

标签: html css html5 css3

我正在尝试为此div设置背景颜色,但由于某种原因,它保持透明(不显示)。我错过了什么?

    <div class="chesse_people">
        <img class="badge-icon" src="img/cheese_expert.jpg">
        <h4>Chief Cheese Taster - Dave Le Conk</h4>
        <p class="chesse_people">text here.</p>
    </div>


     .cheese_people {
     background-color: #ed6c85; 
     float:left;
     width:70%;
     }

    .badge-icon {
    float:left;
    margin-right:20px;
    }

3 个答案:

答案 0 :(得分:1)

您的班级(cheese_people)与您的元素类(<div class="chesse_people">)不匹配。

答案 1 :(得分:0)

简单修复,你说错了。起初我认为下划线在CSS中是无效的,但是我查了一下它们并没有。

答案 2 :(得分:0)

您的代码中存在拼写错误:请参阅下面的固定代码:

    <div class="cheese_people">
        <img class="badge-icon" src="img/cheese_expert.jpg">
        <h4>Chief Cheese Taster - Dave Le Conk</h4>
        <p class="cheese_people">text here.</p>
    </div>


     .cheese_people {
          background-color: #ed6c85; 
          float:left;
          width:70%;
     }

    .badge-icon {
        float:left;
        margin-right:20px;
    }