Menu
Coddy logo textTech

Tamanhos

Lição 3 de 8 do curso Projeto CSS - Botão Estilizado da Coddy.

Vamos começar brincando com os tamanhos do botão.

Se você alterar o width ou height de um botão, isso pode fazer com que o texto não fique no meio; é uma prática melhor brincar com o padding.

challenge icon

Desafio

Fácil

Tarefas:

  1. Defina o tamanho da fonte do texto do botão para o que você preferir, mas diferente do tamanho padrão (14px)
  2. Defina o padding vertical para 8px e o padding horizontal para 16px
  3. Defina a margem de sua escolha

Use o styles.css para selecionar e estilizar seu botão

Experimente você mesmo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Todas as lições de Projeto CSS - Botão Estilizado