Macam-macam Kode CSS Border

Kebanyakan orang hanya mengetahui border yang paling populer yaitu style solid. Di sini saya memberikan contoh dan cara membuat macam-macam tampilan dari semua border style yang ada. Berikut ini contoh dari semuanya.


Contoh border style solid.


Contoh border style dashed.


Contoh border style dotted.

Contoh border style double.


Contoh border style groove.


Contoh border style ridge.


Contoh border style inset.


Contoh border style outset.


Kode di bawah ini adalah kode untuk membuat border seperti contoh di atas.




Yang Anda lakukan hanya mengedit kode di atas. Kode yang perlu Anda edit adalah sebagai berikut:

  • Solid : untuk model border seperti yang sudah contohkan di atas.
  • Border 5px : ketebalan border, ganti saja nominalnya dari 0 sampai mendapatkan ketebalan border yang Anda inginkan.
  • background-color: rgb(195, 253, 184) : adalah warna background, bisa Anda ganti sesuai keinginan Anda. Bisa menggunakan kode warna HTML (contoh warna hitam: #000000) atau kode warna RGB seperti yang ada pada kode di atas.
  • rgb(0, 100, 0) : adalah warna border, juga sama penjelasannya dengan warna background.
  • Teks : ganti dengan teks yang Anda inginkan.


Untuk membuat sudut border melengkung, lihat caranya di sini.


Selamat mencoba dan berkarya!


Klik +1 dan like bila artikel di atas bermanfaat :)


Protected by Copyscape Plagiarism Scanner DMCA.com
Dilarang sembarangan copypaste! Baca aturannya di sini!

0 comments:

Post a Comment

[ Gunakan Kotak Komentar Popup untuk Berkomentar ]

Dilarang keras meninggalkan komentar SPAM. Baca aturan di blog ini di sini. Pertanyaan yang mengandung pertanyaan yang berkaitan dengan artikel di atas akan saya balas. Terima kasih.