4.11 "Frames" Practice

4.11 "Frames" Practice

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

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

3. Use a picture of yourself or something you enjoy

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

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

Practice template: practice/Picture-Frame

Previous Section

Next Section

⚖️

Copyright © 2021 Code 4 Tomorrow. All rights reserved. The code in this course is licensed under the MIT License. If you would like to use content from any of our courses, you must obtain our explicit written permission and provide credit. Please contact classes@code4tomorrow.org for inquiries.