Cara Membuat Sudut Melengkung Pada Blog

Cara Membuat Sudut Melengkung Pada Blog

ini bisa di terapkan dimana saja, baik itu di sidebar, content, atau footer. cara membuatnya kita hanya membutuhkan sedikit kode yang akan ditambah kan pada CSS tamplate kita. mau tahu kode nya seperti apa? berikut ini kode yang harus ditambahkan tersebut: 

>> -moz-border-radius => ini akan membuat segala sudut jadi melengkung,
       baik itu kiri atas, kiri bawah, kanan atas dan kanan bawah 
>> -moz-border-radius-bottomright => ini membuat garis melengkung kanan bawah 
>> -moz-border-radius-bottomleft => ini di gunakan untuk membuat garis kiri bawah melengkung 
>> -moz-border-radius-topright => ini untuk garis melengkung kanan atas 
>> -moz-border-radius-topleft => ini untuk garis melengkung bagian kiriatas

Nah untuk membuat sudut nya melengkung anda harus menambahkan nilai pada ujung kode tersebut, ini untuk menentukan seberapa melengkungkah sudut yang kita mau. berikut ini cara penambahannya.

-moz-border-radius:10px;

Nah 10px tersebut itu lah nilai lengkung yang akan di tambahkan. nilainya tidaklah mutlak seperti itu. anda bisa merubahnya dengan nilai yang lain. tergantung keperluan anda. setelah nilai tersebut sudah di tentukan anda tinggal memasukkannya pada kode CSS template yang ingin anda berikan sudut melengkung. disini saya akan mengambil contoh garis melengkung kiri bawah dan kanan bawah pada footer, berikut ini caranya:

#footer{
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
background:#005094;
}

Kami Jual DVD Game dan Film
Sedia Macam2
- Game PC/ PS2/ Ps3/ PSP/ Android Mini/HD
- Film Movie/ Bollywood/ Anime/ Serial.
- WWe Smackdown
Daftar Listnya Silahkan Lihat Di Atas Sebelah Tutotrial

Tags: Cara membuat sudut melengkung pada blog