Css : Border

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

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 :

  Web-RPL.Co.Cc

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

Cara Penggunaan :

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

Hasil :

Web-Rpl.Co.Cc

Dan Pada Akhirnya...

Cara Penggunaan :

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

Hasil :

Web-RPL.Co.Cc

Selamat Mencoba...

Posted in: Css Tutorial