Tutorial : Bentuk-Bentuk Border

Hii all ! :)

Macam mana semua ? Sihat tak hari ni ? hope ler korang sehat2 yerp !

Lyssa tak berapa nak sehat nehh..

Penink-penink pale ler. hehehe.

Tak pe lah ..

Pape pun , Lyssa ada nak share kat korang sumthikk niyhh ! :)

Alar , cuba lah korang tengok Lyssa nyer post title. Ada bentuk lengkung kan ?

Korang nak macam itu jugak ? Boleh lah , ikut step di bawah !

Ada banyak pilihan oo ~ ^_^

** Border-boder kat atas niyh . korang boleh guna untuk Post Title .. Sidebar pun boleh jugak ! ^_^

Untuk Post Title : seacrh >>  h3.post-title {  (kalau tak de, carilah kod yg lebih kurang macam ini taw? :)

Untuk Sidebar Title : search >>  h2 { (kalau tak de, carilah kod yg lebih kurang macam ini taw? :)

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

**! Paste kod yang warna MERAH sahaja di bawah kod yang perlu korang carikan tu yea! :)
**! Dah jadi kan ? Bagitaw Lyssa cepat ! Kalau tak jumpa kod tuh , Lyssa tak boleh nak tolong ! heehe.

Credit to : Putryy Nasuha

KONGSIKAN ARTIKEL INI..

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest