Monday, February 18, 2013

BORDER RADIUS CSS

Pada kesempatan kali ini saya akan berbagi sedikit mengenani cara mengganti bentuk dari Template yang kita download untuk blog kita dengan merubah bahasa CSS yang ada didalamnya agar menjadi lebih indah dan pada kali ini hanya kita gunakan Properties BORDER-RADIUS
Border-Radius adalah sebuah properties yang dikususkan untuk membentuk sudut sudut dari suatu bentuk seperti Gambar di samping ini
Bulat Kotak dan semi elips
Tahu tidak sudut - sudut dari bangun tersebut


dalam sebuah bangun ibaratkan kita mempunyai sebuah kotak sudut atas (kanan-kiri) bawah (kanan kiri)
dengan properties Border-Radius kita dapat mengatur sudut -sudut tsb untuk menjadi lingkaran lonjong dll tergantung kreasi kita

Script Border Radius itu cukup simple namun sangat berpengaruh pada kehalusan sebuah website
   
  .variable {border-radius : 20px 20px 20px 20px}
      . = class
      varibale = varible yang anda pilih untuk memanggil ketika dibutuhkan
      {     }     = definisi variable
     border-radius = properties component yang akan dijalankan
     20px    = nilai sudut yang ditentukan nilai ini dapat diganti ganti semakin besar maka kelengkungan sebuah sudut pun semankin besar

Semoga bermanfaat dan dapat dimengerti
Mohon maaf bila ada kekurangan

No comments:
Write comments