Background Images and pattern
Background
You can use an image in the background with parallax effect with simply add InlineStyle
in div tag and by use of this you can create your own bg. See example below:
<div style="background-image:url(Path); "> [YOUR CONTENT] </div>
If your background is small and you want to use repeated background then use styling property background-repeat
and set the value repeat
or no-repeat
. See the example below:
<div style="background-image:url(Path); background-repeat:no-repeat;"> [YOUR CONTENT] </div>
If you want to use your background like cover or container so, you just add styling property background-size
and set the value cover
or container
. see the example below:
<div style="background-image:url(Path); background-size:cover;"> [YOUR CONTENT] </div>
Note If you want to repeat pattern kindly use background-repeat:repeat;