Like This Site? 
 
RSS Feed Follow Us 

on Twitter! Be Our Fan!

CSS3 – Gradient Rounded Corner Button

Share this post!
 Vote this!





Tutorial Details


Difficulty: Beginner
Technology: HTML4+, CSS3
Supported Browser: Firefox 3.6+, Chrome 5+, Safari 4+, iPhone Safari

1. HTML Code

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3 - Gradient Rounded Corner Button</title>
</head>

<body>
<a class="button red">Red Button</a>
<a class="button green">Green Button</a>
<a class="button blue">Blue Button</a>
</body>
</html>

More...

0 comments:

Post a Comment