<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.Bgblue{
color: blue; background-color: cornsilk;
}
#bgRed{color: wheat; background-color: black;}
</style>
</head>
<body>
<h3>CSS practice</h3>
<p class="Bgblue">Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum harum maiores quaerat laudantium enim ipsam odio odit omnis, at cupiditate quidem dolores mollitia. Quos dolorum blanditiis cumque aperiam perspiciatis dolorem quis! Ipsa, consequuntur facere? Voluptatem modi officiis, libero saepe doloremque aperiam incidunt quasi ab in, praesentium dolore. Possimus quos libero animi cumque neque veritatis maiores nesciunt aliquam, debitis natus blanditiis illo reprehenderit et fuga consequuntur!</p>
<br>
<span class="Bgblue">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo iure, consequatur eos placeat laudantium dolorem veritatis accusantium a, aperiam minus numquam dolor adipisci consectetur repudiandae non cupiditate nemo hic mollitia eum commodi? Deleniti necessitatibus error consequuntur, excepturi quaerat libero. Molestias quaerat sed nesciunt corrupti iste!</span> <br>
<br>
<footer id="bgRed">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Qui maxime facilis architecto ad excepturi quos harum, nisi magni modi, molestias quis repudiandae voluptas neque, vero voluptate eius perspiciatis eligendi eveniet.
</footer>
</body>
</html>
0 Comments