TUTORIAL CSS PART 6 : MENGENAI BORDER PADA CSS - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Saturday, May 14, 2016

TUTORIAL CSS PART 6 : MENGENAI BORDER PADA CSS


bewoksatukosong.com - Halo Kembali dengan om bewok, om bewok bakal memberikan Tutorial Mengenai Border Pada CSS

Pertanyaan yang klasik banget adalah
APA SIH BORDER ITU ? 
Well border itu inti nya adalah sebuah garis kotak, That's it,
Jadi kalau kamu sudah menentukan width dan height tanpa border, ya kotak tersebut tidak terlihat, tapi kalau bordernya di gunakan otomatis keliatan deh kotak yang kamu buat.

Contoh ya, om bewok kasih contoh

Pertama kita buat html dan css nya dulu ya, karena codingan sedikit jadi saya satuin css-nya sama html-nya dengan menyatukan seperti dibawah ini maka penulisan css-nya di sebut dengan css internal 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>tutorial border dengan Om bewok</title>
    <style>
      #bewok {
        max-width: 50%;
        height: 300px;
        border: 1px solid #1dd2af;
      }
    </style>
  </head>
  <body>
    <div id="bewok">
      <h1>halo ini om bewok</h1>
    </div>
  </body>
</html>

Demo dan codingan nya agar lebih jelas bisa di liat di bawah



Nah om bewok bakal ngejelasin, satu persatu, sebenernya cuman satu doang sih
border: 1px solid red;
Artinya
1px adalah ketebalan garis nya, Jadi semakin besar angka nya semakin besar juga garis nya.
Solid, jadi solid ini, kita harus solid sesama team ya jgn pada berantem, haha, bukan itu maksudnya tapi solid itu jenis garisnya.
Jadi ada dashed yaitu garis putus - putus. Contohnya seperti ini




Itu Saja Tutorial Mengenai Border Pada CSS, Selanjutnya kita akan mempelajari Margin Pada CSS

No comments:

Post a Comment