Your Ad Here

advanced code snippet search

Posted By

indianocean on 11/22/07


Tagged

css html


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

basicmagic
marteki
michellebracken


Spice up a link with a background image

 / Published in: HTML
 

the background image is 16x16px

Expand | Embed | Plain Text 
  1. .mylink{
  2.   float:left;
  3.   display: block;
  4.   background: transparent url(myimg.gif) no-repeat scroll 1px 2px;
  5.   padding-left: 20px;
  6.   height:2em;
  7.   line-height:2em;
  8. }
  9.  
  10.  
  11. <a href="#" class="mylink">This link is visually more appealing</a>

Report this snippet  

You need to login to post a comment.