O'Reilly logo

jQuery for Designers : Beginner's Guide - Second Edition by Natalie MacLees

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action – creating a fullscreen background image

Perform the following steps to create a page with a fullscreen background image:

  1. We'll get started by creating a basic HTML document and the associated files and folders just like we created in Chapter 1, Designer, Meet jQuery. Inside the HTML document, we'll add just a few lines of text, as shown in the following code:
    <div class="content">
      <h1>Seychelles</h1>
      <p>Seychelles, officially the Republic of Seychelles, is a 155-island country (as per the Constitution) spanning an archipelago in the Indian Ocean, whose capital, Victoria, lies some 1,500 kilometres (932 mi) east of mainland Southeast Africa, northeast of the island of Madagascar.</p>
    </div>
  2. Next, we'll add a few styles for this text. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required