Iklan Anda  Iklan Anda  Iklan Anda  Adsense Indonesia  Iklan Anda  Iklan Anda   

Macam-macam Kode CSS Border

Kebanyakan orang hanya mengetahui border yang paling populer yaitu style solid. Di sini saya memberikan contoh 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.
  • Sebenarnya semua bisa Anda edit sesuai dengan keinginan Anda, tapi saya yakin Anda sudah tau. Jadi tidak perlu dijelaskan lagi. ^_^

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!

9 comments:

ane dah pasang di Blog ane Hehehe :D

@Zufar Berkarya - Admin FIlm 2011: Owh begitu.. hehehe :D

Wah info menarik nich bisa dipraktekkan..

@Pasir Gadog: Silahkan gan.. semoga bermanfaat..

nice share info daeng :) salam sukses selalu :) selamat sambut hari raya idul fitri..mohon maaf lahir batin

@BlogS of Hariyanto: terima kasih senior.. Iya mohon maaf lahir dan batin juga.. :)

@Softshare: iya selamat mempercantik blog.. Lihat contoh yang sudah saya terapkan di blog saya.. :)

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.