Free Website Interface Buttons

They provide an interesting effect when used in HTML embeeded inside tables if you set the table cellspacing to "1" with a contrasting color behind it in the background cell. This makes it look like there is a thin defining line around your buttons in popular browsers. I used black in the HTML background table so there appears to be a joint between these buttons in the interface. This could be done using CSS border as well.

Below I used CSS IMG border of 1 pixel to make the lines appear.



img.thinline {
margin: 0px 0px 0px 0px;
border:1px solid;
border-color: #333333;
}

Below are the blank buttons I started with. I found these easy to use for several projects. Simply use something like Photoshop to place your text on top.

Button Colors Preview


FREE - Download these interface buttons