24
Apr
2011

Embossed button in CSS3

Posted in: CSS No Comments

This is a simple CSS tutorial for making embossed button. No image is required.
First let’s do HTML part.

<input type="button" class="button" value="Click Me" />

Now let’s do CSS part.

.button{
background: #838383;
border: 1px solid #565656;
border-radius: 10px;
cursor: pointer;
padding: 6px 12px;
font: bold 22px arial;
color: #000;
text-shadow: 1px 1px 1px #d9d8d8;
}

And our button will look like this.

About the Author

Name: Ravi Shekhar
I love learning and sharing web stuffs.

Share this post

Twitter Facebook Google Buzz Digg StumbleUpon Delicious Technorati

Leave a Reply