What's new

HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

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

Thread starter Sayn
Start date Nov 23, 2023

Sayn

New member

Nov 23, 2023

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;
}