Tutorial | Type of Borders |

Jenis-Jenis Border

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px; 

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

-moz-border-radius-bottomright: 25px 50px;

border-bottom-right-radius: 25px 50px;

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

-moz-border-radius: 35px;

border-radius: 35px;

Jenis-jenis border ini boleh digunakan pada post title, sidebar title, blockquote dan menu bar

Contoh penggunaan border pada Post Title

1) Cari kod ini 

.post-title {

2) Copy kod ini dan paste di bawah .post-title {

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
text-align: center;
background:#FAAFBE;
margin:0;
padding:0 0.2em;
line-height:1.5em;
}

3) Merah adalah jenis border dan biru untuk warna pada background 

Contoh penggunaan border pada Sidebar Title

1) Cari kod ini 

.sidebar h2 {

2) Copy kod ini dan paste di bawah .sidebar h2 {

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
text-align: center;
background:#FAAFBE;
margin:0;
padding:0 0.2em;
line-height:1.5em;
}

3) Merah adalah jenis border dan biru untuk warna pada background. 

4) Siap boleh save

Terima kasih sudi baca. Like kalau suka