Visto: 271 Views

Ocultar texto con Css


160px-CSS.svg


Ocultar texto con Css

160px-CSS.svg

160px-CSS.svg

Un truco bastante sencillo que puede ser usado para muchas cosas aun que tambien se puede hacer desde html cambiando el color de la fuente. Ocultar texto con css puede ser muy útil y en muchos casos eficaces en cuestiones de seo por que por ejemplo cuando colocamos el nombre de una web suele ser muchas veces con imágenes y como decía por cuestiones de seo es mucho mejor preservar el nombre en la etiqueta <h1> para ocultar el texto es con el siguiente:

 

 

 

h1 {
	text-indent:-9999px;
	margin:0 auto;
	width:400px;
	height:100px;
	background:transparent url("images/logo.jpg") no-repeat scroll;
}

Explicacion

h1 ---indicamos que a la etiqueta h1 se le aplicara lo siguiente{
	text-indent ----- define el tamaño de la sangria:-9999px;
	margin ----------- define el tamaño del margen:0 auto;
	width-------------- tamaño del ancho:400px;
	height------------- tamaño de alto:100px;
	background--------- define el fondo en este caso transparente usando una imagen:transparent url("images/logo.jpg") no-repeat scroll;
}

css, Tutoriales CSSEtiquetas: , , ,

Te recomendamos leer:










otros llegaron buscando

nadie ha llega a esta pagina desde el buscador


Deja un comentario