| You are here : : Home > Free Resources > Dreamweaver Tutorials > CSS Text Rollovers |
Basics
Featured Fireworks & Dreamweaver Template
|
CSS Styles are a simple and fast way of making your site look good. In this tutorial you will learn how to make cool text rollovers.
The trick is to use the a:hover style! If you work with
Dreamweaver the steps to follow are given below:
Copy this code between the head tags
| <style type="text/css"> <!-- a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #990000} --> </style> |
| <style type="text/css"> <!-- .links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399} .links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF8B22; text-decoration: none} --> </style> |
| <a href="link.htm" target="_parent" class="links">Entheos</a> |
Learn more about CSS Styles here. Also take a look at our ready-made templates that use CSS Styles.
Join us on Facebook to keep updated with all the latest tutorials and web design freebies from EntheosWeb!