Minggu, 15 Februari 2009

Jenis-Jenis Border, Tambah dan Buang

Ape itu border?? Entahla..Garisan luar la gitu.. Template kita biasa dihiasi dengan border, untuk image, header, sidebar dan macam² la. Ok kali ini kita sama² mengenali jenis2 border yang disediakan untuk blogger. Biasanya kod border adalah seperti ini.

border:1px solid $bordercolor;

1. Merah adalah saiz border, Boleh dibesarkan dan dikecilkan. Selain dari px, boleh juga menggunakan kod ini.

*1px (atau lebih)
*thin
*medium
*thick


2. Biru adalah jenis-jenis border, Antaranya ialah:

*none
*hidden
*dotted
*solid
*dashed
*double
*groove
*ridge
*inset
*outset

3. Ungu adalah warna border. Boleh juga guna kode warna. Dapatkan kod warna Disini.

Ok kita terus kepada jenis-jenis border. Contoh pada image pada posting.

.post img {
border:2px solid #ff00ff;
}




.profile-img {
border: 2px dashed #ff00ff;
}




.post img {
border:2px outset #ff00ff;
}




.post img {
border:2px inset #ff00ff;
}




.post img {
border:6px ridge #ff00ff;
}




.post img {
border:6px dotted #ff00ff;
}




Contoh lain tu kasi cuba sendirila di blog Antum ye..

Kalau nak buang border pula begini yer..

.post img {
border:0px;
}



Ok sampai sini dulu..

Sumber:Tip For New Blogger

Tidak ada komentar:

Posting Komentar