Images may be used to provide clickable buttons on a webpage, but one can also create buttons entirely with text using Cascading Style Sheets (CSS). Rectangular buttons can be created or the buttons can be given rounded corners using a
border-radius value.
E.g., the following could be used to create a green button with rounded corners with the word "Download" in it in white text:
<style type="text/css">
.downloadbutton {
width: 67px;
height: 20px;
background-color: #31B404;
border-radius: 15px;
border: 3px solid #009900;
padding: 5px;
}
.downloadbutton A:link {color: white; text-decoration:none}
</style>[ More Info ]
