Page 67 - Modul web baru
P. 67

www.flipbuilder.com                                    www.flipbuilder.com                                62  www.flipbuilder.com







                            }

                     Background Image
                           body
 www.flipbuilder.com                                    www.flipbuilder.com                                    www.flipbuilder.com
                           {
                           background: url('path-to-the-image');
                           }
                     Repeat Background Image

                           body
                           {
                           background: url('path-to-the-image') repeat-x; /* repeat horizontal */
                           background: url('path-to-the-image') repeat-y; /* repeat vertical */
                           }
 www.flipbuilder.com                                                                                           www.flipbuilder.com
                     Background colour dan Image   www.flipbuilder.com
                     Background Image Position

                           body
                           {
                           background: url('path-to-the-image') 0px 100px;
                           background: url('path-to-the-image') top center;
                           }

                           body
                           {
 www.flipbuilder.com                                    www.flipbuilder.com                                    www.flipbuilder.com
                           background: #f5f5f5 url('path-to-the-image') no-repeat top left;}











 www.flipbuilder.com                                    www.flipbuilder.com                                    www.flipbuilder.com







                                            Tampilan Web dengan CSS Background
                       7.4. CSS Table
 www.flipbuilder.com                                    www.flipbuilder.com                                    www.flipbuilder.com

                     Dalam mendesign halaman web, tabel sering kita gunakan untuk menampilkan data-data

                     berurutan dalam jumlah yang banyak. Untuk memudahkan user melihat data tersebut dan


                     Modul Pemrograman Web SMKN 2 Mojokerto






 www.flipbuilder.com                                    www.flipbuilder.com                                    www.flipbuilder.com
   62   63   64   65   66   67   68   69   70