EXAMPLE - Studytonight

EXAMPLE
<!DOCTYPE html>
<html>

<head>
	<title>Border-top property in CSS</title>
	<style type="text/css">
		div {
		  border-style: dashed;
		  border-color: blue;
		  background-color: pink;
		  height: 100px;
		  width: 100px;
		  font-weight: bold;
		  text-align: center;
		   color: hsla(0, 100%, 50%, 0.5);
		}
	</style>
</head>

<body>
	<div>This box has a border on the top side.</div>
</body>

</html>