Belajar CSS Dasar : Memberi warna pada border

Untuk memberikan warna pada garis gunakan property css yaitu border-color. berikut adalah contoh membuat warna pada garis menggunakan CSS.

index.html :

<!DOCTYPE html>

<html>

<head>

	<title>Border style CSS www.malasngoding.com</title>

	<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

	<p id="garis_1">Garis dengan gaya solid</p>

	<p id="garis_2">Garis dengan gaya dotted</p>

	<p id="garis_3">Garis dengan gaya dashed</p>

	<p id="garis_4">Garis dengan gaya double</p>

	<p id="garis_5">Garis dengan gaya groove</p>

	<p id="garis_6">Garis dengan gaya inset</p>

	<p id="garis_7">Garis dengan gaya outset</p>

	<p id="garis_8">Garis dengan gaya ridge</p>

</body>

</html>

style.css :

#garis_1{

	border-style:solid;

	border-width: 5px;

}

#garis_2{

	border-style: dotted;

	border-width: 10px;

	border-color:red;

}

#garis_3{

	border-style: dashed;

	border-width: 3px;

	border-color:blue;

}

#garis_4{

	border-style: double;

	border-width: 9px;

	border-color:green;

}

#garis_5{

	border-style: groove;

	border-width: 25px;

	border-color:#12ff00;

}

#garis_6{

	border-style: inset;

	border-width: 5px;

	border-color:#333333;

}

#garis_7{

	border-style: outset;

	border-width: 5px;

	border-color:yellow;

}

#garis_8{

	border-style: ridge;

	border-width: 50px;

	border-color: violet;

}

dan perhatikan warna garis setelah kita mengaturnya dengan border-color.

Belajar CSS Dasar : Mengubah border dengan CSS

Sumber :

GERI FEBRIANSAH