Cómo hacer un botón Utilizar una imagen en CSS

El lenguaje Cascading Style Sheets o CSS, permite a los desarrolladores web controlan la forma en que una página web de contenido pantallas. La adición de CSS a la página web puede tomar tan poco como una línea de código, y se puede utilizar para ajustar los colores, cambiar fuentes y dictar el tamaño y la posición de los elementos HTML. Desde CSS le da la posibilidad de añadir una imagen de fondo personalizada a un enlace, incluso se puede utilizar para crear un botón de imagen personalizada.

Instrucciones

1 Abra el archivo HTML al que desea agregar un botón de imagen. Localizar el lugar en el que desea colocar el botón personalizado.

2 Añadir un enlace HTML <a href="[your URL]"> </a> en el lugar deseado. Reemplazar [su URL] con la dirección URL a la que quiere que su enlace directo. No incluya los corchetes.

3 Aplicar CSS para el enlace mediante la adición de un atributo "estilo": <a href="[your URL]" style=""> </a>.

4 Agregue la propiedad "display: block;" con el atributo de estilo para el enlace se muestra como un elemento de bloque. Especificar el ancho de píxel y la altura del enlace utilizando las propiedades de "altura" "ancho" y. Establecer la propiedad Imagen de fondo a "URL ([URL de su imagen])", en sustitución de [URL de su imagen] con la dirección URL de la imagen.

5 Consulte el código para asegurarse de que se parece a esto: <a href = "[su URL]" style = "display: block; anchura: [su anchura] píxeles; altura: [su altura] píxeles; Imagen de fondo: URL ( [URL de su imagen]) "> </a>