Anda di halaman 1dari 10

PEMROGRAMAN WEB DAN

PERANGKAT BERGERAK
Toni Wahyudi, S.Kom
Level
KOMPETENSI DASAR

3.7. Menerapkan style pada halaman web


4.7. Membuat kode html untuk menampilkan
style tertentu pada halaman web
Tujuan Pembelajaran

 Memahami penggunaan Style css untuk diterapkan pada tabel.


 Dapat menggunakan style dalam pembuatan Tabel
Pokok bahasan

Desain Tabel dengan css


Tabel + CSS

Css dapat digunakan untuk membuat tabel


lebih menarik
Dengan Merubah nilai properti dari elemen-
elemen dalam tabel
Penerapanya dapat dilakukan secara inline
maupun Terpisah
Soal Latihan

Modifikasi Tbel Disamping Sehingga


tampak lebih menarik dengan
menambhkan CSS
PEMBAHASAN

 /*design table 1*/


 .table1 {
 font-family: sans-serif;
 color: #232323;
 border-collapse: collapse;
 }

 .table1, th, td {
 border: 1px solid #999;
 padding: 8px 20px;
 }
Materi Berikutnya

“Box model Dengan CSS”


 Praktikum di Laboratorium
Motivasi Hari ini:

“ Hidup Tercipta Untuk Ibadah“.

TERIMKASIH