图片为什么没有显示相关代码：

相关代码：

问题描述：图片为什么没有显示

相关代码：

html>
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style type="text/css">
      p{
         font-size: 10px;
         background-color:red;
      }
      .p1{
         font-family: 隶书;
      }
      body{
          background-color:yellow;
          background-image:http://img1.sycdn.imooc.com/climg//5ea016c108c1f40603610240.jpg;
          background-repeat:no-repeat;
          background-attachment:fixed;
          background-position:center center;
      }
   </style>
</head>
<body>
   <p>http://www.imooc.com</p>
   <p class="p1">慕课网</p>

虚像小丑 2021-04-12

源自：CSS入门 2-8 编程练习

收起

1回答

好帮手慕小尤 2021-04-12 14:09:19

同学你好，无法直接通过background-image进行设置图片链接，建议同学使用url试一下。如下所示：

background-image:url("http://img1.sycdn.imooc.com/climg//5ea016c108c1f40603610240.jpg");

祝学习愉快！

收起回答

提问者虚像小丑 #1

请问url是什么意思，为什么加url后就可以访问链接

2021-04-13 10:41:07
提问者虚像小丑 #2

请问url是什么意思，为什么加url后就可以访问链接

2021-04-13 11:05:33
好帮手慕小尤回复提问者虚像小丑 #3

同学你好，1、url()函数是css的一个内置函数，用于包含文件。该函数的参数是绝对路径，相对路径或链接。
2、url()函数可用于背景图像，边框图像，列表样式图像等。
3、综上所示，所以可以在背景图中使用url()函数引入图片。
祝学习愉快！

2021-04-13 11:26:40