为什么我才写了第一步图片出不来/(ㄒoㄒ)/~~

为什么我才写了第一步图片出不来/(ㄒoㄒ)/~~

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

      *{margin:0;

        padding:0;

      }

      .page{

          background-image:url("http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png");

      }

  </style>

</head>

<body>

  <div>

      <div></div>

      <div></div>

  </div>

</body>

</html>


正在回答 回答被采纳积分+1

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

3回答
LongFace 2018-02-12 16:41:10

你没有给page这个盒子设置宽度和高度属性,所以背景图片无法显示,一个没有高度和宽度的容器是无法设置背景的。

丶DamonChan 2018-01-29 00:00:13

你定义的css选择器是class=page。你在下面的div中没有引用这个class。

  • 提问者 慕丝4211785 #1
    但之后我引用了这个class=page,图片也没有出现/(ㄒoㄒ)/~~,这是为什么 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin:0; padding:0; } .page{ background-image:url("http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png"); } </style> </head> <body> <div class="page"> <div></div> <div></div> </div> </body> </html>
    2018-01-29 14:24:07
提问者 慕丝4211785 2018-01-28 23:32:39

不好意思,代码是下面这个


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

      *{margin:0;

        padding:0;

      }

      .page{

          background-image:url("http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png");

      }

  </style>

</head>

<body>

  <div class="page">

      <div></div>

      <div></div>

  </div>

</body>

</html>


  • 设置一下宽高,width;100%;height:4033px;
    2018-02-06 12:14:06
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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