Monday - Border Outlines

Today's lesson is fairly minor (because 3rd bell will be disrupted by a drill and 9th bell will be disrupted by class meetings). We're going to apply outlines to borders. Outlines work pretty much the same way as borders, except that you cannot radius an outline - which, in my opinion, makes outlines nearly useless. I almost always radius my borders, at least a little.

At any rate, in CSS you will add the property as such: outline: 1rem solid red;, where the 1rem can be any thickness you want for your outline, the solid can be any style of outline you want (the same options you have for borders), and red can be swapped for any color you wish to use. I will demonstrate this on the screen and then you ought to add it to your main.css file. Remember, each technique we learn in this class should make its way into your semester-long independent project Website. Once we start the next quarter (on Monday), you need to make a daily habit of adding something to your independent project code.