Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

What is the easiest way to create a download button?

I'm trying to design a website for a software I've created and I want to create a well-shaped download button for it. At first I thought it will be an easy task finding this out but I can't seem to find anything.

2 Answers

I'm thinking either use an image as your download button or use one of bootstrap's buttons. Or you could just style the word DOWNLOAD in CSS to make it look like a button using borders and such.

Steven Parker
Steven Parker
243,318 Points

Do you mean just how it looks? There are several ways, but the easiest and still one of the most versatile would be with CSS. Luckily, there are many CSS button style helpers around, including:

I prefer the ones without a lot of advertising and listed those first, but the others have more cool presets.

Just by clicking the first site, that's pretty simple and amazing. Good stuff!