18 April 2011

Tutorial - Bentul-bentuk border

Hello guys (!)


Okay, disebabkan saya teramatlah bosan hari ini. So saya telah membuat keputusan untuk membuat tutorial ini. Yes, saya tahu bahawa sebenarnya ramai yang dah buat tutorial pasal bentuk-bentuk border ni. Tapi tidaklah ada salahnya jika saya nak memenuhkan tutorial dalam blog saya ini. Hewhewhew. So let's get started :D


Example A
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}



Example B
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}



Example C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
}



Example D
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}



Example E
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}



Example F
-moz-border-radius: 35px;
border-radius: 35px;
}



Kau orang boleh gunakan border-border ni untuk blockquote, post title, sidebar dan sebagainya :)


Semoga berjaya (!)


Toodles~

7 comments:

Shahira said...

Whoaa thanks for this tuto ! Very helpful one :D

Dieyna said...

You're welcome :)

HjrHsna said...

HTML code tu nak paste kat bahagian mana eh dieyna ? - Jaja (5 Kreatif)

Dieyna said...

emm.kurang faham la dgn soalan kau.HTML code yg mana eh?

JumiYumi ♥ said...

assalamaualaikum kak,
kod ni nak ltak kat mana?

Dieyna said...

waalaikumsalam.boleh pastekan code nih kat blockquote,sidebar title,date title,post title..banyak tempat yg adik boleh paste.cuma yg penting kena pandai baca codela.akak nak ajar secara menaip nih pon payah sket dik..nk kena face to face senang sikit.:)

Rina said...

share tutor nie , keyh :)