Edit in JSFiddle


<h1>Hello World!</h1>
<p>W3Schools background no-repeat, set position example.</p>
<p>Now the background image is only shown once, and positioned away from the text.</p>
<p>In this example we have also added a margin on the right side, so the background image will never disturb the text.</p>

body {
    background: #ffffff url("http://timoday.edu.vn/wp-content/uploads/2017/06/imagesabc.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    margin-right: 300px;