Jenis dan Cara Membuat Border

Jenis dan Cara Membuat Border - Border adalah garis tepi dari komponen/objek yang berfungsi agar konten/objek tersebut terlihat rapi. Berikut adalah jenis border yang bisa dipilih:


Kode untuk membuat kotak dengan border seperti di atas adalah:
<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 Atau Sesuatu yang Ingin Diberi Border disini
</div>
Atau yang lebih sederhana (sesuaikan dengan kebutuhan):
<div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div> 
Ganti Tulisan yang berwarna merah dengan Jenis Border yang kamu inginkan.


Mengganti border pada sidebar, footer, header dan lain-lain

Pada template blog baik pada sidebar, footer maupun header sering kita temukan kode seperti ini:
border-top: 1px dotted #dddddd;
border-bottom: 1px solid #dddddd;
Jika ingin mengubah bordernya, sobat tinggal mengganti tulisan berwarna merah dengan jenis border yang sesuai, sama seperti di atas.

Demikianlah jenis dan cara membuat border ini saya tulis, kurang dan lebihnya mohon maaf yang sebesar-besarnya. Halah, koq jd kayak pidato pak lurah, haha salam...
Untuk berlangganan artikel, masukan email anda disini:



6 Comment :

Rifka Giovani mengatakan...

kalo yang diborder itu setiap widget blog gimana yahh.


buleipotan.blogspot.com

Jon Milans mengatakan...

Masuk dulu ke bagian edit HTML, cari kode yg spt ini:

#sidebar-wrapper {
float: right;
border:0px solid;
overflow: hidden;
width: 320px;
}

beri nilai pada bagian bordernya. misal 1px, 2px, 3px dst.

Apriansyah Ramadhan mengatakan...

makasih gan...

junjung balik gan

http://apriansyah18.blogspot.com

Fahrizi Mualif mengatakan...

Thanks Sob...
Atas Ilmunya...
Ilmu Ane jadi Betambah nech...
Sekali lagi Thanks ya Sob...

Klo sempet mampir dimari Sob...

http://ilmuforyou.blogspot.com

pemeliharaan mesin mengatakan...

keren

Cules Sinjai mengatakan...

thanks ilmunya sob. izin nyoba iya...

di tunggu kunjungan baliknya sob http://nazcules.blogspot.com/

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry