Make this poem look nice without changing the HTML.
Hint: Use Google to find out how to use the CSS properties for
- text-shadow
- font-weight
- background-repeat
- background-position
- background-size
- background-attachment
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Background Image Practice</title> | |
</head> | |
<body> | |
<h1>JABBERWOCKY</h1> | |
<h2>Lewis Carroll</h2> | |
<p>(from <em>Through the Looking-Glass and What Alice Found There</em>, 1872)</p> | |
<p>`Twas brillig, and the slithy toves</p> | |
<p> Did gyre and gimble in the wabe:</p> | |
<p>All mimsy were the borogoves,</p> | |
<p> And the mome raths outgrabe.</p> | |
<p>"Beware the Jabberwock, my son!</p> | |
<p> The jaws that bite, the claws that catch!</p> | |
<p>Beware the Jubjub bird, and shun</p> | |
<p> The frumious Bandersnatch!"</p> | |
<p>He took his vorpal sword in hand:</p> | |
<p> Long time the manxome foe he sought --</p> | |
<p>So rested he by the Tumtum tree,</p> | |
<p> And stood awhile in thought.</p> | |
<p>And, as in uffish thought he stood,</p> | |
<p> The Jabberwock, with eyes of flame,</p> | |
<p>Came whiffling through the tulgey wood,</p> | |
<p> And burbled as it came!</p> | |
<p>One, two! One, two! And through and through</p> | |
<p> The vorpal blade went snicker-snack!</p> | |
<p>He left it dead, and with its head</p> | |
<p> He went galumphing back.</p> | |
<p>"And, has thou slain the Jabberwock?</p> | |
<p> Come to my arms, my beamish boy!</p> | |
<p>O frabjous day! Callooh! Callay!'</p> | |
<p> He chortled in his joy.</p> | |
<p>`Twas brillig, and the slithy toves</p> | |
<p> Did gyre and gimble in the wabe;</p> | |
<p>All mimsy were the borogoves,</p> | |
<p> And the mome raths outgrabe.</p> | |
</body> | |
</html> |
{"hiddenUIComponents":["editor.javascript"]} |
body { | |
background-image: url('http://classic-literature.co.uk/wp-content/uploads/1871/06/the-jabberwocky-illustration-by-john-tenniel.jpg'); | |
} |