CSS Tutorial : Cara Menggunakan Border Dengan CSS

0

Border adalah garis yang terdapat dalam suatu Tag. Border tersebut dapat di atur di atas, bawah, kanan, kiri kotak. Border dalam css mempunyai kurang lebih 8 mode yang semuanya memiliki perbedaannya yang cukup terlihat. border bisa juga disebut garis pinggir dar sebuah kotak...
Solid, Dashed, Groove, Dotted, Inset, Outset, Double, Ridge




Berikut Penjelasannya...

Solid
Groove
Ridge
Double
Dashed
Dotted
Inset
Outset
Jika ada yang ingin Bertanya Bagaimana Text Ditengah Baca...

Cara Penggunaan :
p {
border-style: solid;
}
Solid Dapat Diganti dengan yang lainnya...




Border-Width[Ukuran Garis]

Cara Penggunaan :
p.t1 {
border-style: double;
border-width: 5px;
}
p.t2 {
border-style: groove;
border-width: medium;
}
5px = medium




Border-Color

Cara Penggunaan :
p {
border-color: #00ffff;
}

Hasil :
  Kegampangan.blogspot.com


Border juga dapet digunakan hanya di bagian tertentu seperti di atas...

Cara Penggunaan :
p {
border-top: 2px solid #00ffff;
}

Hasil :
Kegampangan.blogspot.com



Dan Pada Akhirnya...

Cara Penggunaan :
p {
border: 1px solid #000000;
}
#w p {
border-bottom: medium groove #0000ff;
border-right: medium groove #ff0000;
}


Hasil :
Kegampangan.blogspot.com



Gampang Kan....????