Having problem with adding linear gradient to my background image. I am coding on notepad++

Sayn

New member
HTML:
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>How to Make a website</title>
         <link href = "Lstyle.css" rel = "stylesheet" type = "text/css" />
    </head>

    <body>
        <div class="banner">
</body>
</html>


CSS:
*{
margin: 0;
    padding: 0;
    font-family: sans-serif, arial, helvetica;
    
}


.banner{
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(rgba(0,0,0,0.75), rgba (0,0,0,0.75))url("images/qwerty.jpg");
    background-size: cover;
    background-position: center;
}
 
Back
Top