老师我的样式总是显示不出来

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="index.css">
    <style type="text/css">
        *{
    margin: 0px;
    padding: 0px;
}
 
.sky{
    width: 100%;
    height: 60%;
    background: linear-gradient(rgb(255,255,255) 0%,#fff 80%);
}
    </style>
</head>
<body>
    <div class="sky">
 
        <div class="cloud"></div>
 
        <div class="cloud"></div>
 
        <div class="cloud"></div>
 
        <div class="cloud"></div>
 
        <div class="cloud"></div>
 
    </div>
 
    <div class="lawn">
 
 
    </div>
</body>
</html>

猴野大表哥 2019-05-28

源自：项目：CSS3实现汉克狗案例 2-14 项目作业

1

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2019-05-29 11:06:35

你好，是因为没有高度，所以颜色显示不出来。

sky设置的高度是60%，是相对于父容器高度的60%，而父容器默认是没有高度的，所以需要设置：

渐变前面可以不加方位词，默认是向下渐变。

如果添加的话，写top是错误的，应该修改成：

可以重新测试下，祝学习愉快！

猴野大表哥提问者 #1

修改好了，谢谢老师

2019-05-29 11:29:26

提问者猴野大表哥 2019-05-28 22:12:14

不管是外链css还是内部css都无法显示，可是粘贴别人的代码又可以，困扰很久了

提问者猴野大表哥 #1

我上面打错了是 background: linear-gradient(top,rgb(196, 228, 253) 0%,#fff 80%); 还是显示不出来

2019-05-28 22:48:19

相似问题

创建了加载菜单资源,可是还是显示不出来.. .

请问老实为什么我电脑的图片总是显示不出来？

我的框架页面显示不出来了？

老师，请检查一下我的自定义字体样式为什么没有显示出来

老师我的gridlayout不显示图片

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号