Siguiendo con el archivo de la página del portafolio personal realizo los siguientes cambios:
- Creando y vinculando el archivo CSS
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portafolio de Daniel José Guerrero Cerón</title>
<link rel="stylesheet" href="style.css">
</head>
- Definiendo estilos básicos
body {
background-color: indigo;
color: white;
}
El resultado fue:
3. Estilizando con colores y formatos
header {
display: flex;
justify-content: center;
}
img {
max-width: 323px;
max-height: 304px;
}
body {
border: 2px solid whitesmoke;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 50px;
margin-right: 50px;
text-align: center;
background-color: rgb(17, 112, 89);
color: white;
}
strong {
color: rgb(21, 212, 212);
}
p {
color: rgb(182, 249, 249);
}
a {
color:rgba(255, 0, 255, 0.247);
}
El resultado fue el siguiente:
