Tutorial 8: Changing background colour
July 27, 2016
Hello and welcome back to HTML tutorials! So far your website has fancy text, images, Youtube videos and lot's more but it doesn't have a background colour! Let's face it white is a little boring so let's change it around shall we? If you need some help just contact us at NB: This code uses CSS code but don't panic it is really easy!
Changing text colour:
To change the text colour start off with <!DOCTYPE html> as you normally would! Then add in <style> We are adding in <style> because this uses a little bit of CSS code. Now paste in the code below:
body {
background-color: lightblue;
}
Now change the bold text to the colour you want your background to be! Now end your code with </style> and your Done! If you want to add in text after </style> type it in. Here is an example:
<!DOCTYPE html>
<style>
body {
background-color: lightblue;
}
</style>
<h1> This is text </h1>
</html>
See you in the next tutorial.
Copyright 2016 Toolsfordojos.com
