Your SlideShare is downloading. ×
Css dasar-lanjut
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

Css dasar-lanjut

885
views

Published on

Published in: Technology, Design

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

  • Be the first to like this

No Downloads
Views
Total Views
885
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
67
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. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 2. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 3. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 4. h1 {color:blue;} ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 5. <style> <link>@import ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 6. <style> <head> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 7. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 8. <link> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 9. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 10. • body {color:black}• p {font-family:"sans serif"}• p {text-align:center;color:red}• p { text-align:center; color:black; font-family:arial }
  • 11. • h1 { color:green; } h3 { color:green; } h5 { color:green; } p { color:green; } h1,h3,h5,p { color:green; }
  • 12. •••• .merah {color:red;} .right {text-align:right;} .left {text-align:left;}
  • 13. ••••• #merah {color:red;} #right {text-align:right;} #left {text-align:left;}
  • 14. •• background-color background-image background-repeat background-attachment background-position
  • 15. • body {background-color:aliceblue;} h1 {background-color:rgb(0,255,0);} p {background-color:#cccc66;} div {background-color:#cc9966;}
  • 16. • body {background-image:url(../images/paper.gif);}
  • 17. • background- image repeat-x repeat-y no-repeat body { background-image:url(../images/gradient.png); background-repeat:repeat-x; }
  • 18. • background-image top left top center top right center left center center center right bottom left bottom center bottom right
  • 19. body { background-image:url(../images/tree.png); background-repeat:no-repeat; background-position:top right; }body { background:url(../images/tree.png) no-repeat top right;}
  • 20. • body {color:blue;} h1 {color:#00ff00;} p {color:rgb(255,0,0);} h1 {text-align:center} .date {text-align:right} .main {text-align:justify} p {text-indent: 50px;}
  • 21. a {text-decoration:none;}h1 {text-decoration:overline;}h2 {text-decoration:line-through;}h3 {text-decoration:underline;}h4 {text-decoration:blink;}.hurufbesar {text-transform:uppercase;}.hurufkecil {text-transform:lowercase;}.hurufkapital {text-transform:capitalize;}
  • 22. p {font-family:"Times New Roman“,Arial,Serif}.normal {font-style:normal;}.italic {font-style:italic;}body {font-size:100%;}h1 {font-size:20px;}p {font-size:0.8em;} /* 1em = 16px */h1 {font-weight:normal;}p {font-weight:bold;}
  • 23. height:100px;width:200px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 24. • <div> ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 25. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 26. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 27. • margin:25px 50px 75px 100px;• margin:25px 50px 75px;• margin:25px 50px;• margin:25px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 28. • margin:auto;• margin:10px 0px 5px -10px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 29. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 30. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 31. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 32. • padding:25px 50px 75px 100px;• padding:25px 50px 75px;• padding:25px 50px;• padding:25px; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 33. • padding:auto;• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 34. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 35. ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 36. border-style border-width border-colorborder: ; border:solid 2px green; ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 37. border:solid 2px green; border:dotted 2px green; border:dashed 2px green; border:double 7px green; border:groove 7px green; border:ridge 7px green; ©2009 :: Pemrograman Web :: Sandhika Galih,Teknik Informatika – Universitas Pasundan Bandung
  • 38. •••• • float:left; • float:right;• • clear:both;• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 39. ••• • <selector>:link{color:red;} • <selector>:visited{color:blue;} • <selector>:hover{color:green;} • <selector>:active{color:orange;}• a:hover { color:red; text-decoration:underline; } ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung
  • 40. •• ©2009 :: Pemrograman Web :: Sandhika Galih, Teknik Informatika – Universitas Pasundan Bandung

×