Untitled

<html>
<head>
	<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
<body>

 <div class="vertical-menu">
  <a href="home.html" class="active">Home</a>
  <a href="link1.html">Link 1</a>
  <a href="link2.html">Link 2</a>
  <a href="link3.html">Link 3</a>
  <a href="link4.html">Link 4</a>

</div>


</body>
</html>

.vertical-menu {
    width: 200px;
}

.vertical-menu a {
    background-color: #00FFFF; /* Grey background color */
    color: purple;
    display: block;
    padding: 24px;
    text-decoration: underline;
	font-size: large
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}