Home » » 4. Membuat Border Pada Postingan

4. Membuat Border Pada Postingan

Border yang dapat ditampilkan pada blog ada beberapa jenis gaya. Border-border tersebut dapat anda tampilkan dengan berbagai variasi dan yang paling penting terapkan pada postingan maupun pada sidebar serta bagian blog lainnya. contohnya :
  1. Solid :

    Selamat Datang di EPG Studio


  2. Double :

    Selamat Datang di EPG Studio


  3. Grove :

    Selamat Datang di EPG Studio


  1. Outset :

    Selamat Datang di EPG Studio


  2. Ridge :

    Selamat Datang di EPG Studio


  3. Dotted :

    Selamat Datang di EPG Studio


  4. Dashed :

    Selamat Datang di EPG Studio


Kode untuk menampilkan border diatas dapat anda lihat seperti dibawah ini :

<div style="border: 3px ridge green ">Selamat Datang di EPG Studio</div>

Cara Pengeditan :
  1. border: 3px : merupakan ukuran border. Ubah angkanya sesuai dengan ukuran yang ingin anda tampilkan.
  2. ridge : merupakan gaya dari border. Ganti dengan gaya yang ingin anda tampilkan.
  3. green : merupakan warna dari border
  4. Selamat Datang di EPG Studio : merupakan tulisan yang ingin anda tampilkan pada border tersebut

Setelah anda memahami border, anda dapat memvariasikan dengan berbagai gaya sesuai keinginan.
Berikut ini merupakan contoh tampilan border, yang kode untuk pembuatannya terdapat dalam border tersebut :
  1. Border beserta background :

    <div style="border: 5px solid red; margin: 0pt; padding: 15px; background: blue none repeat scroll 0% 0%; text-align: justify; line-height: 23px; color: white; font-size: 14px;">Selamat Datang di Epg Studio</div>

  2. Border dengan sudut melengkung beserta background:
    :
    <div style="border: solid 5px red; background: blue; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 12px">Selamat Datang di Epg Studio</div>

Untuk pengeditan selanjutnya silahkan anda coba gabungkan kode-kode tentang border yang telah anda pahami.
Jangan lupa anda kunjungi juga POSTING BLOG TAMPIL DENGAN BORDER MELENGKUNG agar variasinya semakin lengkap.
Selamat mencoba semoga bermanfaat
Share this article :
0 Comments
Tweets
Komentar
KUNJUNGI http://edukasioner.blogspot.com UNTUK MENDAPATKAN BERAGAM INFORMASI LENGKAP SEPUTAR DUNIA PENDIDIKAN


 
Support : Your Link | Your Link | Your Link
Copyright © 2013. SD MUHAMMADIYAH 3 PAGARALAM - All Rights Reserved
Template Created by Creating Website Modified by CaraGampang.Com
Proudly powered by Blogger