Points noirs autour d'une image survolée .

Publié le par Coquelikosafrane


Un autre effet:




Le code :


<style type="text/css"><!--
a:hover {border:0px }

a:hover img {border:25px black dotted}
--></style>
<a href="http://www.aides.org/" target="_blank"><img key="5bf733809afb7d51e5be375a7f9cc4c2" width="200" src="http://idata.over-blog.com/1/12/72/17//sida6mq7b1gz.gif" height="200" class="CtreTexte"></a> </center></p>
<center></center>
<p><br><br><strong><span style="text-decoration: underline;">Le code :</span></strong> <br><br><span style="font-size: 8pt;"><em>&lt;style type="text/css"&gt;&lt;!--<br>a:hover {border:0px }</em></span></p>
<p><span style="font-size: 8pt;"><em>a:hover img {border:25px black dotted}<br>--&gt;&lt;/style&gt;<br>&lt;a href="http://www.aides.org/" target="_blank"&gt;&lt;img key="5bf733809afb7d51e5be375a7f9cc4c2" width="200" src="http://idata.over-blog.com/1/12/72/17//sida6mq7b1gz.gif" height="200"
class="CtreTexte"&gt;&lt;/a&gt;</em></span></p>

La taille et la couleur des tirets se trouvent dans la ligne : a:hover img {border:25px black dotted} ;

il suffit de changer le nombre de pixels, px; et la forme en dashed, dotted, solid ...







 

 

 

 

 

 


Publié dans Over blog

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article