Exemplos
Card com imagem, titulo e descrição com HTML e CSS
HTML
CSS
JS
Resultado
Avançados
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="card"> <img src="https://via.placeholder.com/300" alt="Imagem do Card"> <h2>Título do Card</h2> <p>Este é um exemplo de card simples criado com HTML e CSS.</p> </div> </body> </html>
/* Estilos para o card */ .card { width: 300px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; margin: 20px; padding: 16px; } /* Estilos para o título */ .card h2 { font-size: 24px; margin-bottom: 10px; } /* Estilos para o conteúdo */ .card p { font-size: 16px; color: #333; } /* Estilos para a imagem */ .card img { width: 100%; height: auto; border-radius: 5px; }
Marcus Vinicius
Para usar
Cadastre-se
Código embed
Resultado
Avançados
Marcus Vinicius
Para usar
Cadastre-se
Código embed
© 2023 Marcus Oliveira.
Ajuda do editor de HTML
, Aproveite todos os recursos!
Versões
Ajuda
Exemplos
APP
Editor de HTML
*A busca não retorna histórias
, para isso visite a página histórias
Digite aqui para obter os resultados da pesquisa!
Search
Search