Tag Archives: HTML Buttons

Design buttons using css

Posted on by 

<html>
<head>

<style>
.navBtn{
	background-color:#EAECED;
	color:#565656;
	width:80px;

	font-family:"Times New Roman", Times, serif;
	font-size:larger;
	font-weight:bold;
	text-align:center;
	padding:6px;

	cursor:pointer;

	border-radius: 4px 4px 4px 4px;
}

.navBtn a,a:visited{
	text-decoration:inherit;
	color:inherit;
}

.navBtn:hover{
	background-color:#1EB4DA;
	color:#EAECED;
}

.navActive{
	background-color:#FF3C3C;
	color:#EAECED;
}

</style>
</head>
<body>
 <div class="navBtn">1</div>
 <br>
 <div class="navBtn">2</div>
 <br>
 <div class="navBtn">3</div>
</body>
</html>