The princess

I'm Dina(20). Malaysian.
Ulzzang, Vintage, Cute and Kawaii maniac.
_____________________
\Tutorial Blog/
-> Home -> Dashboard + Follow Profile Refresher


Theme by
M-iichiko. Thanks to Pixel-diary and Pixeliette for the icons.

Tutorial - Bentul-bentuk border
18 April 2011 | 7 comments
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~

Labels:

NEWER
PAST