css-border-radius

Belajar CSS : Border-radius - Jika anda adalah seorang web desain yang ingin memiliki tampilan bagus pada website nya, tentu artikel ini cukup berguna.

Pada dasarnya sebuah objek yang memiliki sisi tajam tidak masalah, namun hal ini terkesan tidak rapi dan cukup membuat mata pengunjung merasa terganggu.

Maka dari itu sebuah objek lebih baik dibuat lengkungan pada sisi sisinya agar tidak terlihat monoton.

Belajar CSS : membuat lengkungan objek dengan border-radius

Pada CSS ada istilah border-radius yang dimana berfungsi untuk membuat lengkungan pada sisi objek.

Untuk cara penerapannya juga cukup gampang, akan saya contohkan dengan CSS di bawah ini.

.box {
border-radius:10px
}

Nah contoh CSS di atas adalah dimana sebuah objek dengan class .box sisi sisinya dibuat lengkungan dengan nilai 10 pixel.

Anda juga dapat menggunakan CSS di bawah ini untuk membuat lengkungan di salah satu sisi saja.

.box {
border-radius:10px 0px 10px 0px
}

Tinggal di sesuaikan mau bagian mana saja yang mau di buat lengkungan.

Itulah sedikit tutorial singkat cara membuat lengkungan pada objek menggunakan CSS, jika mau request tutorial bisa berkomentar, atau melalui halaman contact blog ini.

copyright : dionzi.com