title: Setting full rectangle background image
body: <p>Help me please! how can i upload a full rectangle background image ? Where is my mistake or what a have to add? Here is my image. Please help. Hello everyone! Help me please! how can i upload a full rectangle background image ? Where is my mistake or what a have to add? Here is my image. Please help.</p>
  
  <p><a href="https://i.stack.imgur.com/iWvFK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iWvFK.jpg" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
   font: 1.5em Arial;
  }
  .container1 {
  
   background-image: url(prague3.jpeg);
   margin:
   width:
   background-size:
  }
  .top {
   opacity: 0.8;
   font-size:65px;
   font-family: Courier new;
   text-align: center;
   background: #EBA23C;
   width: 100%;
  }
  ul {
   float: left;
   padding: 0px;
   list-style: none;
  }
  ul li {
   float: left;
   width: 200px;
   height: 40px;
   background-color: #F05050;
   text-align: center;
   font-size: 20px;
   line-height: 40px;
   margin-right: 2px;
  }
  ul li a {
   text-decoration: none;
   color: white;
   display: block;
  }
  ul li a:hover {
   position: relative;
   z-index: 1;
   background-color: #C6AEF0;
  }
  ul li:hover ul {
   position: relative;
   z-index: 1;
  }
  ul li ul li{
   opacity: 0.9;
   display: none;
  }
  ul li:hover ul li {
   display:block;
  }
  
  .container2 {
   background-color: #ccc;
   width: 650px;
   margin-left: 500px;
   margin-top: 50px;
   font-size: 50px;
   font-family: Courier New;
   opacity: 0.7;
   text-align: center;
   border: dashed;
  }
  .container3 {
  background-color: #ccc;
   width: 650px;
   margin-left: 500px;
   margin-top: 50px;
   font-size: 50px;
   font-family: Courier New;
   opacity: 0.7;
   text-align: center;
   border: dashed;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Home page&lt;/title&gt;
  &lt;link rel="stylesheet" href="style.css"&gt;
  &lt;div class="container1"&gt;
  &lt;div class="top"&gt;Study in Czech Republic&lt;/div&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;News&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Czech Republic&lt;/a&gt;
         &lt;ul&gt;
  &lt;li&gt;&lt;a&gt;Facts and figures&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Area&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Climate&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
      &lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Study&lt;/a&gt;
         &lt;ul&gt;
  &lt;li&gt;&lt;a&gt;How to apply&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Programmes&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Scholarships&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Tuition fees&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
      &lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Living&lt;/a&gt;
         &lt;ul&gt;
  &lt;li&gt;&lt;a&gt;Arrival&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Living costs&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;Work&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;br&gt;&lt;br&gt;
  &lt;div class="container2"&gt;
  EXPERIENCE STUDYING IN THE HEART OF EUROPE
  &lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;br&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;div class="container3"&gt;gdfgdfgdfg&lt;/div&gt;
  
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>