Tutoriales

Tutoriales ~ css ~ Border Hover
Border Hover
Fecha: 2008-12-07
Nivel: Facil
Impresiones: 2
Autor: Shinji
Categoria: css
Descripcion:
Puedes ponerle un efecto menu hover a tus imagenes con este codigo..
Bookmark:
Agregar A favoritos Bookmark to: Digg Bookmark to: Del.icio.us Bookmark to: Stumbleupon
E-mail to a friend
View printable version
Permanlink

Para hacer que una imagen sobre el rato cambie el color de borde basta con un simple código css.

.high img{
border: 1px solid #ccc;
}

.high:hover img{
border: 1px solid navy;
}


Y ahora debemos incluir el selector en la imagen
<a href="#" class="high"><img border="0" src="imagen.jpg
"></a>

Recuerda poner el class="" en cada link que quieres que se vea el efecto del borde

Este fue mi resultado

Comentarios

No hay Comentarios.



Tu Nombre:

Tu mail:

Vota:

Tu comentario:

Security check *

security image
 



Ads


Ultimos Tutoriales


Efecto de Luz en: photoshop el: 2008-12-08 por: Shinji
Triple Borde en: photoshop el: 2008-12-08 por: Shinji
Fondos con Pinceles en: photoshop el: 2008-12-08 por: Shinji
Glowing Skin en: photoshop el: 2008-12-08 por: Shinji
Negar Acceso a Archivos en: misc el: 2008-12-07 por: Shinji

Ultimos Layouts


Muse por: Shinji Feelings hard to explain por: DarkNeji Chocolate por: Shinji feel the magic! por: Shinji