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;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