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 |
|---|---|---|
| Calling and Texting Links for Mobile Sites in HTML | 218 | |
| Embedded Videos in HTML5 | 84 | |
| Introduction to HTML (Part 2) | 151 | |
| Introduction to jQuery (Part 2) | 909 |
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Originally, this post was published on Monitis Blog, you can check it
here
.
In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
Suggested Courses
Next Video:Rounded Corner Effect in CSS