MENU
Beranda
Skrip
Glosarium
Tentang
Nyekrip Yuk
Web Tutorial Indonesia
Beranda
Skrip
Glosarium
Tentang
Nyekrip Yuk
Cari
Skrip Tips Cara Membuat Border dengan CSS
Nyekrip
»
Skrip Tips Cara Membuat Border dengan CSS
Jalankan!
Unduh!
<!-- Skrip Border Style --> <html> <head> <title>Nyekrip: Belajar Border CSS</title> <style> p.none{border-style: none} /* Defines no border */ p.solid{border-style: solid} p.double{border-style: double} p.dotted{border-style: dotted} p.dashed{border-style: dashed} p.groove{border-style: groove} p.inset{border-style: inset} p.outset{border-style: outset} p.ridge{border-style: ridge} p.hidden{border-style: hidden} </style> </head> <body> <p class="none">Paragraf kesatu nih, pakai border style none</p> <p class="solid">Paragraf kesatu nih, pakai border style solid</p> <p class="double">Paragraf kesatu nih, pakai border style double</p> <p class="dotted">Paragraf kesatu nih, pakai border style dotted</p> <p class="dashed">Paragraf kesatu nih, pakai border style dashed</p> <p class="groove">Paragraf kesatu nih, pakai border style groove</p> <p class="inset">Paragraf kesatu nih, pakai border style inset</p> <p class="outset">Paragraf kesatu nih, pakai border style outset</p> <p class="ridge">Paragraf kesatu nih, pakai border style ridge</p> <p class="hidden">Paragraf kesatu nih, pakai border style hidden</p> </body> </html> <!-- Skrip Border Width --> <html> <head> <title>Nyekrip: Belajar Border CSS</title> <style> p.lebar{border-style:solid; border-left-width:10px; border-top-width:20px; border-right-width:30px; border-bottom-width:40px;} </style> </head> <body> <p class="lebar">Paragraf nih, dengan lebar border yang berbeda pada tiap sisi</p> </body> </html> <!-- Skrip Border Color --> <html> <head> <title>Nyekrip: Belajar Border CSS</title> <style> p.pertama { border-style: solid; border-color: red; border-width:10px; } p.kedua { border-style: solid; border-color: #98bf21; border-width:10px; } p.ketiga { border-style: solid; border-color: rgb(252,217,197); border-width:10px; } </style> </head> <body> <p class="pertama">Paragraf nih, dengan border bewarna merah</p> <p class="kedua">Paragraf nih, dengan border bewarna hijau</p> <p class="ketiga">Paragraf nih, dengan border bewarna merah muda</p> </body> </html>
New Tab
Ctrl + T
New Window
Ctrl + N
New Incognito Window
Ctrl + Shift + N
Bookmarks
Edit
Zoom
Save Page As..
Ctrl + S
Find..
Ctrl + F
Print..
Ctrl + P
Tools
History
Ctrl + H
Downloads
Ctrl + J
Signed in as youremail@yahoo.com
Settings
About Google Chrome
View Background Pages (8)
Help
Error Iframe.
Web Tutorial Indonesia