Cara Membuat Kolom melengkung

---

C

ara membuat Kolom melengkung ini kita gunakan jikalau kita tidak ingin mengunakan sudut kolom maka kita buat sedikit lengkungan sehingga kelihatan lebih menarik dan indah, Baiklah kita langsung aja membuatnya.cara yang akan kita gunakan adalah menambahkan kode berikut pada CSS blog kita.

---

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

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

misalnya kamu akan membuat sudut headermu menjadi lengkung kamu tinggal mencari CSS headermu, contohnya seperti di bawah ini.

#header-wrapper {

background:#000;

width:648px;

height:150px;

float: left;

margin:0 auto 0px;

}

kemudian kamu tambahkan kode tadi sehinga CSS headermu menjadi seperti berikut:

#header-wrapper {

background:#000;

width:648px;

height:150px;

float: left;

margin:0 auto 0px;

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

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

}

  Keterangan:
-moz-border-radius-topleft:15px;            ========> sudut kiri atas
-moz-border-radius-topright:15px;         ========> sudut kanan atas
-moz-border-radius-bottomleft:15px;      ========>  sudut bawah kiri
-moz-border-radius-bottomright:15px;   ========> susut bawah kanan

jika kamu ingin merubah besar lengkungan kamu bisa merubah nilainya...
setelah itu kamu save dan lihat hasilnya......

Posted in: ttg blog