Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Project CSS B1 Visual Rules

Topics: CSS Structure , Font Family , Font Size , Font Weight , Text Align , Color , Opacity , Background Image

Project Title: Romantic eMail

  1. Create a html file with your name like john.html
  2. Add current code to that file:
<!DOCTYPE html>
  /* your code here */
    <h1>Romantic eMail</h1>
      As I am writing this letter, I have thousands of thoughts running through
      my mind. Through this letter I wanted to express my love for you that is
      honestly hard to put into words.
    <p class="question">
      Do you know how much you mean to me? There isn't a day that goes by when
      my mind isn't thinking of you. You are the reason behind every piece of
      joy in my life.You are the one that has lifted me up to show me the beauty
      of life.There is no other person in this world that could have done that
      for me.
  1. In the style section add a CSS declaration for h1 that change color to red.

  2. Change all paragraphs font to "Courier New".

  3. Change all paragraphs font size to 20 and font weight to bold.

  4. Change all paragraphs text align center

  5. Change all paragraphs background color to gray and foreground color to green

  6. Change last paragraph opacity to 0.5

  7. change background image of last paragraph to

  8. In the browser open this html file and select all and copy to clipboard, then compose an email in gmail and past it into body and send it to your love.

Want to get reviewed?

Send Pull Request. Check how to deliver your code:

Need help?

Download Free eBook

You can’t perform that action at this time.