Menu

    Buat yang belum tau apa itu border, border adalah garis kotak lurus atau putus - putus  yang mengelilingi tulisan. Berikut ini jenis - jenis border.


    Solid

    Double

    Ridge

    Dotted

    Dashed

    Sekarang kita coba buat border dengan menggunakan kode di atas. Lihat kode berikut ini.

    <div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
    Tuliskan Teks yang Ingin Diberi Border disini
    </div>

    Perhatikan tulisan warna merah di atas. Itulah yang harus diganti. Jika semua kode di atas di copy dan di paste di postingan, maka hasilnya akan seperti di bawah ini.

    Tuliskan Teks yang Ingin Diberi Border disini

    Nah kode di atas tinggal disesuaikan dengan mengubah tulisan merah di atas.


    Double
    Tuliskan Teks yang Ingin Diberi Border disini

    Ridge
    Tuliskan Teks yang Ingin Diberi Border disini

    Dotted
    Tuliskan Teks yang Ingin Diberi Border disini

    Dashed
    Tuliskan Teks yang Ingin Diberi Border disini

    Atau jika ingin memberi warna pada border, bisa juga memakai kode berikut.

    <div style="border:2px#000000 dashed; padding:10px; background-color:#FFFF55">
    Tuliskan teks disini
    </div>

    Hasilnya:

    Tuliskan teks disini

    Keterangan:
    #000000 : warna boder, yaitu hitam
    dashed : jenis border, bisa diganti dengan melihat kode di atas
    #FFFF55 : warna background border yaitu kuning


    Untuk kode warna HTML, bisa anda lihat di sini

    Semoga bermanfaat 

    0 komentar:

    Poskan Komentar

     
    Top