老师我的样式总是显示不出来
<!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>1
收起
正在回答
2回答
你好，是因为没有高度，所以颜色显示不出来。
sky设置的高度是60%，是相对于父容器高度的60%，而父容器默认是没有高度的，所以需要设置：
渐变前面可以不加方位词，默认是向下渐变。
如果添加的话，写top是错误的，应该修改成：
可以重新测试下，祝学习愉快！
相似问题
创建了加载菜单资源,可是还是显示不出来.. .
1
0
3
请问老实为什么我电脑的图片总是显示不出来？
39
0
5
我的框架页面显示不出来了？
13
0
4
为什么把图片设为背景会显示不出来？
17
0
7
请问老师，我的分割线为什么显示不出来呀？
8
0
4
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星