Text frame

  1. Create a heading and change its color to anything other than black

  2. Increase the text size

  3. Put the heading in a div element and draw a border around it (make sure it has a nice color)

  4. Change the background color of the div to any color other than the text color

Practice template: practice/Chapter-4-practice.txt

Solution: solutions/Chapter-4-practice.txt

Picture frame

Create a picture frame with HTML + CSS:

  1. Use a <div> tag to create your frame

  2. Style your borders and backgrounds:

2a. Use at least one 3D border

2b. Use at least one id/class attribute

  1. Use a picture of yourself or something you enjoy

  2. Add a caption below the picture (below the box):

4a. Use the box-model to format your website

Practice template: practice/Picture-Frame

Solution: solutions/Pictures-Frame

Previous Section

4.10 Background

Next Section

4.12 Quiz