无论如何在使用代码笔时添加背景图像?

时间:2017-05-20 12:27:20

标签: html css image

我正在尝试将图像设置为背景,但因为它是一个浏览器基础编辑器,所以我不能仅仅链接照片,因为它们没有保存在一起。

       <body>
        <div id="backG"> <img src="(image link. i didnt add the link here as it is very long) " alt="concert stadium"> 
     </div>
     <div id="mainPage">

  <div id="navBar">
     <div id="Logo">
        <h1 style="font-weight:bold;"> Ice Arena  
        </h1>
     </div>
     <ul>
        <li style="color:#ffe700;">
           Home
        </li>
        <li>
           Gallery
        </li>
        <li>
           Order Form
        </li>
        <li>
           The Arena
        </li>
        <li>
           Contact Us
           </li>
     <    /ul>
      </div>


   </div>

 </body>#

这是照片的CSS。

   #backG{
  diplay:block;
  border:0;

    }

1 个答案:

答案 0 :(得分:0)

免费Codepen不允许您托管自己的图片,因此您必须将它们上传到其他地方并链接到它们。很多人使用dropboximgur 为了这。希望这有帮助!