Let's drill down the background functions provided by the CIA says.
As you remember in style, Garcia says, we inserted Background White, which was released by a possible
background color property set as white.
And background image, which we decided to put aside with the following syntax.
Inserting BG is Tazewell.
Having to save and refresh to see the result, as you see, the Estancia logo will appear in the background
being a one beside the other pattern to occupy all the page.
In addition to color and image.
Which, among the other things, can be inserted in only one condition, so only in the background,
if we deleted this, you are Al.
By cutting it with control or command X, so called into your operating system.
And if we inserted insert here, deleting then image and also color.
Therefore, leaving only background, the result, after saving and refreshing, would not change.
It is evident that in this way, the immense badly affects and is sort of content inserted overate.
So let's try and see how through all the functions of background, we can position the image into a
determined space of the page through a simple indication inserted after the you.
And we can choose where the image should appear, thanks to left, right, top and bottom.
In this case, however, we can use center.
So, for instance, we might insert our image as a line in the middle of the page.
By using here the center and top functions.
We should make the image appear the way we like.
However, the base setting of our background.
Produces a continuous repetition of the image in the screen or the browser.
Therefore, by using only center and TARP, which we are seeing now by saving and refreshing, no modifications
are brought to the background.
There is one more function that ground provides.
Which is the repeat function.
Which will enable us to set whether to allow a repetition of an image or not within our background,
given the fact we want to insert it into a specific position, we have to insert no repeat by saving
and refreshing, we managed to obtain the image as a top center positioned within our background.
Definitely this solution makes more sense than the repetitions we came across before.
The capabilities of repeat enable us also to insert a repetition according to the positioning, as in
this case it's sent to top, we have the opportunity to replicate it in a vertical way.
Therefore, by adding dash y, which means y axis and so vertical, by saving and refreshing the browser,
we contained our repeated image only as a center positioned.
Instead, if we made a horizontal repetition, these center top would not be fully considered.
It would be considered only as far as the top positioning because the repetition would go along the
top line of our background.
Therefore, as you see, our background has got a series of additional capabilities which permit us
even to modify in various ways, also the image set as a background, the last peculiarity I would like
to show you background is the opportunity to insert a background made up of more colors rendered as
blending one into the other.
You can also insert further colors which might make up the base of the page.
Then let's delete everything be inserted.
And let's just leave our background without any attribute, let's insert the linear gradient function,
allowing us by inserting the colors and the specified angle or direction where we want to have the flow
displayed to create a page with two or more colors.
Let's start inserting a 90 degree angle or so cool direction, which gets inserted with numbers and
the deck you reference divided by a comma, let's insert then green and white.
Let's save refresh, and as you can see, our background starts green and fades to white.
Whenever we decided to insert, for example, three colors by deleting our angle, we might choose to
insert also red saving and refreshing to get simply a background which starts red transitions to green
and then becomes white by degrees.
Of course, among our different colourings to insert, we can also use the R, B or hexadecimal function
to define the contours.
Remember, though, that you cannot use linear gradient with other attributes and therefore you cannot
insert an image alongside with this type of background.