Entradas

Mostrando las entradas etiquetadas como css3

Superponer una imagen sobre otra con CSS

Imagen
El otro día me encontré con la necesidad de superponer una imagen sobre otra, mi aplicación debía mostrar una imagen y luego encima colocarle un marco quedando superpuesto. Claro está que la imagen superpuesta como un marco debe ser trasparente en su interior para poder mostrar la imagen que va debajo. Hay dos maneras de hacerlo, una poniendo el estilo en un archivo externo o incrustado en el <head> de la página web o sino agregándolo en el mismo DIV. <div style="position:relative"> <img src="imagen_debajo.jpg" width="268" hspace="16" height="268" vspace="16" /> <div style="position:absolute; top:0; left:0;"> <a href="http://www.guiaplaza.com"> <img border="0" src="marco_chistes.png" width="300" height="300" /> </a> </div> </div> Si desean la opción completa es la siguiente: <html> <he

Atributos avanzados en CSS para diferentes tipo de Enlaces

Imagen
Con CSS se puede hacer que cada link (vínculo o enlace) tenga un color distinto o cualquier regla de estilo que se desee, por ejemplo los enlaces a otras páginas de nuestro sitio de color rojo, los vínculos a enlaces externos de color verde y los links a imágenes o documentos de color azul, veamos como se hace esto:  a[href*="guiaplaza.com"] {color:#CD3300;}