Your SlideShare is downloading. ×
05   css
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

05 css

81
views

Published on

Published in: Education, Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
81
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web Engineering Muhammad Asim Siddique
  • 2. CSS Background Background Color • The background-color property specifies the background color of an element. • The background color of a page is defined in the body selector: body {background-color:#b0c4de;} h1 {background-color:#6495ed;} p {background-color:#e0ffff;} div {background-color:#b0c4de;} Muhammad Asim Siddique, PUCIT 2
  • 3. CSS Background • body { background-image:url('img_tree.png'); background-repeat:no-repeat; background-position:top right; } 3 Muhammad Asim Siddique, PUCIT
  • 4. CSS Text • Text Color body {color:blue;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);} • Text Alignment h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;} 4 Muhammad Asim Siddique, PUCIT
  • 5. CSS Text • Text Decoration h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 {text-decoration:underline;} h4 {text-decoration:blink;} • Text Transformation p.uppercase {text-transform:uppercase;} p.lowercase {text-transform:lowercase;} p.capitalize {text-transform:capitalize;} 5 Muhammad Asim Siddique, PUCIT
  • 6. CSS Font • Font Style p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} • Font Size h1 {font-size:40px;} h2 {font-size:30px;} p {font-size:14px;} 6 Muhammad Asim Siddique, PUCIT
  • 7. Styling Links • a:link {color:#FF0000;} /* unvisited link */ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */ • a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;} 7 Muhammad Asim Siddique, PUCIT
  • 8. CSS Tables • table, th, td { border: 1px solid black; } • th { background-color:green; color:white; } 8 Muhammad Asim Siddique, PUCIT