Design buttons using css

<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>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s