Notes:
Layout looks a bit odd, because I only allowed background to repeat vertically!
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Experiment with page
backgrounds</title>
<style media="screen">
body {
/**
* Set background
url for the whole body
* Add your url
here, I am adding subtle pattern url cz I do not have
* your files / I
do not know your file system.
*/
background:
url(https://www.toptal.com/designers/subtlepatterns/patterns/darkness.png);
/* Repeats background
vertically */
background-repeat:
repeat-y;
/* For good visibility
*/
color: #777;
}
</style>
</head>
<body>
<h1>
First Level Heading
</h1>
<p>
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim
id est laborum.
</p>
</body>
</html>
Output:
Please like / rate thumbs up incase answer was helpful.
EXperiment With Page backayounas ct-grounds Loate he tif fia in the studert fales chaspter4/starters folder. Destgn...