Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. body{
  2. background :red ;
  3. }
  4. #header{
  5. height:200px; /*inisialisasi tingginya*/
  6. width:800px; /*inisialisasi lebarnya*/
  7. background:purple; /*beri warna dasar*/
  8. margin:auto; /*beri margin auto agar dia menyesuaikan secara otomatis berada di tengah*/
  9. color:white; /*memberi warna pada tulisan*/
  10. }
  11. #menu{
  12. width:800px; /*inisialisasi lebarnya*/
  13. margin:auto; /*beri margin auto agar dia menyesuaikan secara otomatis berada di tengah*/
  14. background:orange; /*beri warna latar pada menu*/
  15. padding-bottom:10px; /*beri padding untuk menutupi warna kosong pada background yang di gunakan dalam margin*/
  16. }
  17. #menu ul li{
  18. display:inline; /*agar tampilan menu menjadi list pada atribut display maka beri inline */
  19. margin:60px; /*beri margin pada list agar dia menyesuaikan posisi agar tampak lebih balance*/
  20. }
  21. #content{
  22. height:500px; /*inisialisasi tingginya*/
  23. width:800px; /*inisialisasi lebarnya*/
  24. background:skyblue; /*beri warna dasar*/
  25. margin:auto; /*beri margin auto agar dia menyesuaikan secara otomatis berada di tengah*/
  26. }
  27. #footer{
  28. height:100px; /*inisialisasi tingginya*/
  29. width:800px; /*inisialisasi lebarnya*/
  30. background:green; /*beri warna dasar*/
  31. margin:auto; /*beri margin auto agar dia menyesuaikan secara otomatis berada di tengah*/
  32. }