Followers

24 Jan 2012

Bentuk-bentuk Border



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;
}

Ini kode blockquote.


.post blockquote { background:#ff3399; padding: 5px; Border: 3px solid #ffffff; colour:#FFFFFF; }

Contoh korang nak letakkan bentuk border A, korang copy kod tue and paste di bawah kod blockquote.
Ia akan jadi macam ini.


. post blockquote {
background:#ff3399;
padding: 5px;
Border: 3px solid #ffffff;
colour:#FFFFFF;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}


-Happy Trying-

No comments:

Post a Comment

Assalamualaikum! No harsh word please ^-^