Você está aqui: CSS ::: Dicas & Truques ::: Cores de Fundo e Imagens de Fundo

Como definir uma imagem de fundo para um botão HTML usando a propriedade background-image do CSS

Quantidade de visualizações: 9641 vezes

Nesta dica mostrarei como podemos usar a propriedade background-image do CSS para aplicar uma imagem de fundo a elemento <button> do HTML. Vamos ver duas abordagens. Na primeira abordagem usaremos CSS inline. Veja:

Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Quero Ser Apoiador(a)

Agora veja a mesma técnica usando um bloco CSS na seção <head> da página HTML e definindo um id para o botão:

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de CSS

Como definir uma imagem de fundo fixa para suas páginas HTML em CSS usando as propriedades background-image, background-repeat e background-attachment

Como criar botões achatados em CSS usando as propriedades box-shadow, border e border-radius

Como definir a posição inicial de uma imagem de fundo

Como criar uma barra de navegação horizontal com menu dropdown em HTML e CSS - Menu suspenso usando CSS

Como definir o espaço interno dos elementos HTML usando a propriedade padding do CSS

Curso de CSS para iniciantes - Como usar o Grid Layout do CSS

Exemplos de uso da propriedade background do CSS para definições cores e imagens de fundo em elementos HTML

Como criar bordas arredondadas em CSS usando a propriedade border-radius

Como definir a cor de fundo de um elemento usando nomes de cores

Como definir uma imagem de fundo para um botão HTML usando a propriedade background-image do CSS

Dicas e truques de outras linguagens

Rust - Exercício Resolvido de Rust - Como testar se um ano é bissexto em Rust - Um programa que lê um ano com quatro dígitos e informa se ele é bissexto ou não

Java - Como tratar o erro StringIndexOutOfBoundsException em seus programas Java - A exceção StringIndexOutOfBoundsException da linguagem Java

PHP - PHP para iniciantes - Como usar o laço while em PHP

Delphi - Como habilitar ou desabilitar um TEdit do Delphi usando a função EnableWindow() da API do Windows

VB.NET - Como comparar strings em VB.NET usando o método Equals() da classe String do .NET Framework

C# - Como exibir horas no formato curto em C# usando o sinalizador {0:t} da função Format() da classe String

LISP - Como usar o laço loop para contar de 1 até 10 em Lisp

Revit C# - Como pedir para o usuário selecionar vários elementos no Revit usando a função PickObjects() do objeto Selection da Revit C# API

PHP - Como resolver uma equação do segundo grau em PHP - Como calcular Bhaskara em PHP

C++ - Apostila C++ - Como retornar o tamanho de uma string em C++ usando a função length() da classe String

E-Books em PDF

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: CSS ::: Dicas & Truques ::: Cores de Fundo e Imagens de Fundo

Como definir uma imagem de fundo para um botão HTML usando a propriedade background-image do CSS

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 350 Exercícios Resolvidos de Java - Com comentários em Português

PDF COM 500 PÁGINAS

Apenas R$ 19,90