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