Borde y radio
Lección 5 de 8 del curso Proyecto de CSS: Botón elegante de Coddy.
El elemento button en HTML viene con un borde predeterminado, ¡personalicémoslo!
Para crear un borde redondeado usa la propiedad border-radius (usa los mismos valores que en padding o margin), por ejemplo,
#rounded {
border-radius: 8px;
}Para eliminar el borde por completo puedes sobrescribirlo usando,
#no-border {
border: none;
}Consejo: si estableces
border-radiusa un valor grande, ¡obtendrá una forma circular!
Desafío
FácilTareas:
- Cambia el radio del borde a un valor mayor que 0
- Cambia el borde a algo diferente al valor predeterminado
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>