3/11/11

Code tutorial | CSS Border


CSS border memang sangat banyak digunakan pada mana2 template..jika anda mahir dengan css border ni mungkin ada boleh buat kek lapis appolo..hehe..aku x mahir lagi...ini cuma asas sahaja...



solid - code ditulis seperti berikut

border-color: #ff3366; border-width: 5px; border-style: solid;




penerangan ringkas untuk code di atas - border-width:5px (tebal border) - border-color:#ff3366(warna border) - border-style:solid(stail border - stail solid paling banyak digunakan)

Berikut adalah contoh lain untuk code css border



dashed - code ditulis seperti berikut

border-color: #ff3366; border-width: 5px; border-style: dashed;







dotted - code ditulis seperti berikut

border-color: #ff3366; border-width: 5px; border-style: dotted;







groove - code ditulis seperti berikut

border-color: #ff3366; border-width: 5px; border-style: groove;







ridge - code ditulis seperti berikut

border-color: #ff3366; border-width: 5px; border-style: ridge;







inset - code ditulis seperti berikut

border-color: #ff3366; border-width: 5px; border-style: inset;







outset - code ditulis seperti berikut

border-color: #ff3366; border-width: 5px; border-style: outset;







inset dan outset - code ditulis seperti berikut

border:5px inset #0f0; border:5px outset #ff0;







border kanan - code ditulis seperti berikut

border-right:5px solid #ff3366;







border kiri - code ditulis seperti berikut

border-left:5px solid #ff3366;







border atas - code ditulis seperti berikut

border-top:5px solid #ff3366;







border bawah - code ditulis seperti berikut

border-bottom:5px solid #ff3366;







border atas,bawah,kiri,kanan - code ditulis seperti berikut

border-top:5px solid #ff3366;border-bottom:5px solid #0f0;border-left:5px solid #00f;border-right:5px solid #ff0;






code border paling simple -

border:5px solid #ff3366;



Berikut adalah cara menambah code css border..border yang digunakan ialah border kiri..

a:link {
text-decoration:none;
color:#0088F0;
}

code di atas adalah code a:link..

a:link {
text-decoration:none;
color:#0088F0;
border-left:11px solid #0f0;
}

code border telah dimasukkan dalam code a:link..

Nota penting : Untuk code css jika anda lupa atau silap letak simbol seperti ; : #(pagar) code tu x jadi atau x ada efek.. dalam tutorial ni code pagar tu merujuk kepada code warna

lalala...sekian

4 ulasan:

Er'end berkata...

Tips menarik kawan,banyak belajar disini.Makasih dah di share,happy weekend and happy blogging.

Polskahackrew berkata...

@Er'endthanks sudi singgah bro

fRaMe+LenSeS berkata...

thx for the info. :D nicve tips.

Polskahackrew berkata...

@fRaMe LenSeSyour welcome.. ('',)

entri ja

Related Posts Plugin for WordPress, Blogger...