When designing a web site, one of the most important things to consider is the color scheme. Making use of color effectively is crucial in attracting visitors, and keeping them at your site. Obnoxious, clashing colors can drive people away faster than the page can even finish loading. A well-planned, appealing scheme can keep people at your site longer, and help them remember your site as a well-designed product.
Picking the right colors can be a little challenging, especially if you’re not very familiar with the color wheel and the different properties of color.
Ever wanted to make your links look like buttons, to give your site a more desktop application-like feel? If you’ve tried making an HTML form just to navigate the user to a new page, you know how frustrating this can be. Luckily, CSS offers an easy way to do this.
First, let’s write the HTML code we’ll need for this:
<html> <head> <title>Button Navigation</title> </head> <body> <div id="menu"> <ul> <li><a href="#">Example 1</a></li> <li><a href="#">Example 2</a></li> <li><a href="#">Example 3</a></li> </ul> </div> </body> </html> Now that we have our HTML, let’s go to our CSS document and make those links look button-like:
