Make a full background website

Currently, website design techniques are very diverse, one of the favorites of designers is to make an image into a full one-page background. A full background image will create an elegant effect on the website, of course it must be supported by a good selection of images, the type and color of the font used is also decisive.

How to make a full background website page, it’s not too difficult, in this article Waka Design will provide a useful code snippet to make an image a full background.

We’re going to make use of a css function called Background-size.

The essence of creating a full background website is to use code snippets like this, which can be applied to the html or body tags.

background: url(img/bromo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Start by selecting an image
Okay let’s start by choosing the right image, in this article we are using an image from Daniele Parisi

Mount Bromo
Mount Bromo

Creating HTML Structure
In this article we will use 2 fonts that we will embed from Google Web Fonts, namely

By Script and Open Sand

The structural design that we will make consists of:
header, to place the website title.
content, to write the contents of the website.
footer, to write down the copyright and source.

here is the full code