Project CSS B1 Visual Rules
Topics: CSS Structure , Font Family , Font Size , Font Weight , Text Align , Color , Opacity , Background Image
Project Title: Romantic eMail
- Create a html file with your name like
- Add current code to that file:
<!DOCTYPE html> <style> /* your code here */ </style> <html> <body> <h1>Romantic eMail</h1> <p> 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> <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. </p> </body> </html>
In the style section add a CSS declaration for h1 that change color to red.
Change all paragraphs font to "Courier New".
Change all paragraphs font size to 20 and font weight to bold.
Change all paragraphs text align center
Change all paragraphs background color to gray and foreground color to green
Change last paragraph opacity to 0.5
change background image of last paragraph to https://www.w3schools.com/css/mountain.jpg
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: https://codingwithbasir.com/how-to-deliver-projects/
Download Free eBook https://codingwithbasir.com/download