Rabu, 25 Desember 2013

membuat tebel dengan PHP

Table.css”, sehingga style yang sudah kita buat akan di masukkan kedalam table sehingga mempercantik tampilan table. Adapun kode CSS yang kita gunakan adalah seperti kode di bawah ini :

  1. /* Tabel Properti */
  2. #mytable {
  3. padding: 0;
  4. margin: 0;
  5. }
  6. #mytable td {
  7. border-right: 1px solid #ccc;
  8. border-bottom: 1px solid #ccc;
  9. background: #efefefe;
  10. color: #0066ff;
  11. padding: 2px;
  12. }
  13. #mytable td.genap {
  14. border-right: 1px solid #ccc;
  15. border-bottom: 1px solid #ccc;
  16. color: #0066ff;
  17. background: #eeee22;
  18. padding: 2px;
  19. }
  20. #mytable td.alt {
  21. background:#0099ff;
  22. color: #fff;
  23. border-top: 1px solid #ccc;
  24. text-align: center;
  25. font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  26. padding: 2px;
  27. }
  28. #mytable td.spec {
  29. border-left: 1px solid #ccc;
  30. border-top: 0;
  31. background: #efefefe;
  32. padding: 2px;
  33. }
  34. #mytable td.spec1 {
  35. border-left: 1px solid #ccc;
  36. border-top: 0;
  37. background: #eeee22;
  38. padding: 2px;
  39. }
  40. #mytable td.specalt {
  41. background: #0099ff;
  42. border-top: 1px solid #ccc;
  43. border-left: 1px solid #ccc;
  44. font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  45. color: #fff;
  46. text-align: center;
  47. padding: 2px;
  48. }