Clint Norwood.Com WordsA Collection Of My
Articles, Musings, Ideas,
Stories And Opinions
PixMy Photo Albums LinksThe Best Links
On The Net
ContactVia Email Form  

How to make beautiful CSS link buttons with no images.








Or form buttons





The CSS

<style>
.oval { height: 60px; width: 120px; background: #8080ff; float:left; font-size: 16px; color: white; cursor: pointer; border-radius: 50%; margin: 5px; text-shadow: 2px 1px #747474; box-shadow: 2px 2px 3px #888888; }


.go { height: 26px; width: 52px; background: #008080; float:left; font-size: 16px; color: white; cursor: pointer; border-radius: 50%; margin: 5px; text-shadow: 2px 1px #747474; box-shadow: 2px 2px 3px #888888; font-weight: bold; }
</style>



The HTML

For a link button:
Note: You need to wrap the button code with the href tag.

<a href="http://www.link.com"><button class="oval">Link</button></a>


For a form button:

<button class="go">Go</button>




More Of My Articles, Musings, Ideas, Opinions and Stories





← Go Back ↑ Back To Top

Index
Writings
Pictures
News
Contact Me
Links
Site Map

imageAbout Clint Norwood:

Living the good life in Southeast Alabama, father, grandfather, cancer survivor, part-time writer, and webmaster - Read More





Add me as a friend, like me or follow me on   Facebook     Google+    YouTube


© 2017 Clint Norwood  

5495