HTML: Background Color

You can create colored backgrounds for a portion of your page to draw students' attention or to help break up a text-heavy page. You can also ad a background color to the entire page, if desired.

 

Anatomy of the Code Snippet

Screen Shot 2017-06-08 at 9.38.23 AM.png

 

Steps to Add a Background Color

1. Copy the code snippet: 

<div style="background-color: #f5f5f5; padding: 20px 20px 20px 20px; overflow: hidden;">Your Text Here</div>

 

2. Open a content page in Canvas and click Edit. Open the HTML Editor.

3. Paste the code in the box and switch back to the Rich Text Editor to preview.

4. Replace "Your Text Here" with your own information.

Go Back to HTML Homepage