Hour 15. Buttons, Buttons, Buttons

What You’ll Learn in This Hour:

• How to create simple box buttons using CSS

• How to create a rounded-corner button with CSS3

• How to make the simple box buttons more advanced by using background images

• How to use the sliding doors technique to use one background image for multiple button stages

• How to combine the box button with an image to create a Web 2.0 button

What makes a website different from all other visual media is the ability to navigate through content with the use of hyperlinks. However, plain text hyperlinks are not always the best option. If you want to showcase a particular link or if you create a menu, you need to turn those links into buttons.

There are many ways to create buttons—some ...

Get Sams Teach Yourself Microsoft® Expression™ Web 4 in 24 Hours: Updated for Service Pack 2—HTML5, CSS3, jQuery, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial