html
<!DOCTYPE html>
<html lang="es-cl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practicando</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header></header>
<main>
<h1><strong class="titulo-blog">Este es el título</strong></h1>
<p>¡Hola! <strong class="texto-destacado"> Este es un párrafo.</strong></p>
<p><strong class="urgente">ESTA ES UNA NOTICIA URGENTE!!!</strong></p>
</main>
<footer>
</footer>
</body>
</html>
css
*{
padding: 0;
margin: 0;
}
body{
background-color: #21125D;
color: #F6F6F6;
}
.texto-destacado{
color: #5FCF27;
}
.titulo-blog{
color: #A59B05;
}
.urgente{
color: red;
}
modificando el código css:
body{
background-color: #21125D;
color: #F6F6F6;
padding: 20px ;
margin: 10px;
border:1px solid;
}
Otra modificación:
body{
background-color: #21125D;
color: #F6F6F6;
padding: 30px ;
margin: 20px;
border:5px solid;
}
