第一个红色没有显示,为什么呢?

第一个红色没有显示,为什么呢?

<!DOCTYPE html>

<html>

<head>

    <title></title>

<style type="text/css">

div{

width: 200px;

height:150px;

background-color: #eee;

margin-top: 5px;

}

section{

width: 200px;

height: 30px;

margin-bottom: 5px;

background-color: #ff0;

}

/*此处写代码*/

div:empty{background-color:#00;}

section:empty{background-color:#abcdef;}

</style>

</head>

<body>

<div>

<section>one</section>

<section>two</section>

</div>

<div></div>

<div>

<section>three</section>

<section>four</section>

<section>five</section>

<section></section>

</div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,是指如下红色没有显示吗?

http://img1.sycdn.imooc.com//climg/5efbf108095a437802800461.jpg

这是因为设置样式这里,少了一个f,应该是#f00,例:

http://img1.sycdn.imooc.com//climg/5efbf1550925082703980161.jpg

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 修改后,为什么红色的上面会出现一段灰色的呢?怎么回事,
    2020-07-01 10:31:07
好帮手慕糖 2020-07-01 13:40:45

同学你好,如下,这是第一个div元素的哦。div元素高度是150px,但是两个子元素并没有占据父级全部的高度,剩下的部分是灰色。

http://img1.sycdn.imooc.com//climg/5efc21b0093f85a905060750.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师