CSS borders:
➡It can be done using the properties border-bottom-style, border-top-style, border-right-style, and border-left-style.
CSS Border Style
*dotted - Defines a dotted border.
*dashed - Defines a dashed border.
*solid - Defines a solid border.
*double - Defines a double border.
*groove - Defines a 3D grooved border..
*ridge - Defines a 3D ridged border..
*inset - Defines a 3D inset border..
*outset - Defines a 3D outset I border..
CSS Border Example:
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border Property
</title>
<style>
h1 {
color: violet;
}
#gc {
border: 4px solid blue;
width: 60%;
}
</style>
</head>
<body>
<center>
<h1>Gocources</h1>
<h2>DOM Style border Property</h2>
<!-- Element whose border will bestyled-->
<div id="gc">
Gocources.
It is online website
</div>
</center>
</body>
</html>
