Cara mudah membuat border

Cara Mudah membuat Border kali ini berfungsi sebagai pemisah sekaligus penanda suatu blok . sebenarnya fungsi utama border itu adalah sebagai bingkai, ya bisa berupa bingkai foto atau yg lainnya agar terlihat lebih cantik.Pada blog ini border ini dipakai sebagai penanda iklan, karena author berfikir bahwa advertiser harus mempunyai tempat yang jelas keberadaannya . Fungsi dari border ini bermacam-macam, tentunya sesuai kebutuhan sang blogger itu sendiri.

Namun terkadang kita lupa kode Html untuk membuat border itu sendiri, nah pada postingan kali ini saya ingin sekaligus mengingatkan bahwa kodenya seperti ini :)

Bingkai 1
<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

Bingkai 2
<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

Bingkai 3
<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>

Bingkai 4
<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>
Catatan:
  • Tulisan yang berwarna merah merupakan code warna background bingkai ganti sesuai dengan warna favourite sobat. Untuk mengetahui code  warna lihat disini
  • Tulisan yang berwarna biru dapat sobat ganti dengan tulisan, gambar ataupun code script yang sobat inginkan. 

0 Response to "Cara mudah membuat border"

Posting Lebih Baru Posting Lama Beranda