<!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>
</head>
<style>
body{
margin: 0%;
padding: 0%;
height: 1000px;
}
.box::before{
content: "";
position: absolute;
background: url(Images/gtr.jpg);
background-repeat: no-repeat;
background-size: cover;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.7;
}
</style>
<body>
<div class="box">
<h1>Before Selector</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi quas, autem culpa pariatur nesciunt, quisquam voluptate ipsa iure adipisci magnam quod eaque sit. Earum distinctio impedit commodi. Incidunt asperiores enim, hic perspiciatis exercitationem iste alias beatae sapiente rerum, voluptas nulla, autem sunt nemo accusamus magni amet reiciendis error? Quasi, natus.</p>
</div>
</body>
</html>
No comments:
Post a Comment