Html Border Style Dan Atributnya

Sebelumnya saya mohon doa dan dukungannya kepada pembaca setia Rhoedalisme agar terlaksanya Forum Perkumpulan Blogger Pebayuran mudah-mudahan tidak tersendat di tengah jalan alias ke habisan biaya! Memang cukup lumayan besar bilangan rupiahnya bagi saya untuk menyewa hosting.

Baiklah back to topik, bagi seorang blogger newbie mungkin belum tahu apa itu border nah border itu adalah garis pinggir, seperti ini contohnya.

Coba anda perhatikan garis pinggir yang berwarna biru

Kodenya seperti ini :

<div style="background:black;border:2px solid blue;color:red;">Coba anda perhatikan garis pinggir yang berwarna biru</div>

Coba anda perhatikan yang saya cetak tebal dan berwarna merah.

Berikut ini mengunakan border dengan titik-titik ...

Coba anda perhatikan yang berwarna merah

<div style="background:black;border:2px dotted red;color:red;padding:10px;">Coba anda perhatikan yang berwarna merah</div>

Sekarang anda perhatikan tiga warna di atas border:2px dotted red
Warna Biru : Menandakan pemangilan suatu tag html.
Warna Merah : Tampilan dari border tersebut, seperti yang sudah di contohkan di atas.
Warna Orange : Warna dari tampilan border tersebut, anda juga bisa menuliskan dengan kode warna, misal #0000ff

Bukan hanya itu andapun juga bisa membingkai suatu gambar atau foto. Seperti ini caranya :

Nah membingkai foto seperti kode-nya seperti ini :

<img src="http://www.bloggingpro.com/wp-content/uploads/2010/03/blogger_logo.png" style="border:5px ridge black;"/>

Perhatikan lagi yang saya cetak merah.

Berikut ini adalah atribut dari border tersebut.

>> Dotted
>> Dashed
>> Solid
>> Double
>> Roove
>> Ridge
>> Inset
>> Outset

semoga bermanfaat...