Happy New Year!

HappyNewYear_CSS

Learning Objectives

In this challenge you will learn how to format text using CSS including how to:

  • Changing font style,
  • Changing font color,
  • Changing font weight,
  • Changing text to italic,
  • Underlining text.

We will also investigate the use of borders, border radius and background colours as well as padding and margin options.

CSS Box Model

To understand how margin, borders and padding works you need to understand the CSS Box Model. Click on this picture to find out more:CSS-Box-Model

Your Task


Complete the HTML and CSS code below to finalise customising the look & feel of this “Happy New Year!” message.

See the Pen MYevOP by 101 Computing (@101Computing) on CodePen.

Share Button
Posted in Computer Science, HTML / CSS Tagged with: ,
2 comments on “Happy New Year!
  1. 101CC says:

    Tom’s work… Using roll over effect!

    http://codepen.io/anon/pen/emzrKX

Our Latest Book