3:56
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3.
Video Steps
1. Create a new HTML document with an internal stylesheet.
2. In CSS, define the html element to have a background image. Use a high resolution image.
3. In the same background property specify it as no-repeat, centered, and fixed.
4. Define the background-size property (unique to CSS3) as "cover".
5. Redefine the background-size property with prefixes of -webkit-, -moz-, and -o- for browser compatibility.
6. Create a div and name it Content. Set its width as 40%, height as 100%, position to absolute, and left to 25%. Define its background color as white.
7. In the HTML type the tag for the Content div.
0 Comments
Suggested Videos
| Title | Views | Activity |
|---|---|---|
| Box Shadow Effect in CSS | 151 | |
| Calling and Texting Links for Mobile Sites in HTML | 218 | |
| Introduction to CSS (Part 2) | 115 | |
| Introduction to PHP: Building the Form | 446 |
When it comes to write a
Context Sensitive Help
(an online help that is obtained from a specific point in state of software to provide help with that state)
,
first we need to make the file that contains all topics, which are given exclusive IDs. …
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
Suggested Courses
Next Video:Embedded Flash in HTML5