Thursday, January 08, 2009 (Simple CSS Image Rollovers. Back to the Basics.)
Well, that’s just embarrassing.
For this example, let’s turn a commonly used “Read More” link into a colorfully interactive link of beauty. We’ll get right to it.
<a href="#" class="read_more">Read More</a>
padding: 4px 0 0 0;
background: transparent url(read_more.png) no-repeat 0 0;
background-position: 0 -25px;
Your final product:
Once you’ve got the basics down, take it to the next step, with Simple Navigation with CSS Image Replacement.
Did you find this post helpful?
Posted in interweb