Tamaños

Lección 3 de 8 del curso Proyecto de CSS: Botón elegante de Coddy.

Empecemos jugando con los tamaños del botón.

Si cambias el width o el height de un botón, podría causar que el texto no esté en el centro; es una mejor práctica jugar con el padding.

Desafío

Fácil

Tareas:

Establece el tamaño de fuente del texto del botón a cualquier valor que desees, pero diferente al tamaño por defecto (14px)
Establece el padding vertical a 8px y el padding horizontal a 16px
Establece el margen que elijas

Usa el archivo styles.css para seleccionar y dar estilo a tu botón

Pruébalo tú mismo

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

Todas las lecciones de Proyecto de CSS: Botón elegante

1Introducción

Introducción Parte de HTML

2El proyecto CSS

Tamaños