• Par GloriaV dans Tutorial HTML CSS le 16 Juillet 2015 à 19:23
     

    Efecto para link 2



    HTML

    <div id="links"><ul><li><a title="Text" href="http://fondogifflashgloriav.ek.la/">Fondos <em>Amplio</em> En crecimiento</a></li></ul></div>



    CSS

    #links ul { list-style-type: none; width: 400px; } #links li { border: 1px dotted #999; border-width: 1px 0; margin: 5px 0; } #links li a { color: #000000; display: block; font: bold 160% Harlow Soklid Italic, Gothic, French Script MT; padding: 5px; text-decoration: none; } * html #links li a { /* make hover effect work in IE */ width: 400px; } #links li a:hover { background: #C1E2FB; } #links a em { color: #333; display: block; font: normal 125% Harlow Soklid Italic, Gothic, French Script MT; line-height: 125%; } #links a span { color: #0C65A7; font: normal 140% Harlow Soklid Italic, Gothic, French Script MT; line-height: 150%; }