How do CSS and HTML achieve bottom white space?

to achieve the effect of the following figure,

1


2

the code is as follows: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        
        body{
            width: 96%;
            height: 100%;
            margin: 2%;
            color: red;
            background-color: -sharp333333;
        },
    div{
        background-color: -sharpFFFFFF;
    }
    
        </style>
</head>
<body>
    <div>
        <h3>
                

        </h3>

        

            3-5
        


    </div>
</body>
</html>

I am CSS bird, boss take me

Html5 css
Aug.27,2021

No problem with the style

clipboard.png

remove this comma, css cannot be separated by commas

body background color is a blank color such as-sharpCCC
and then the DIV background is set to another color such as-sharpFFF 

:body css  }  ','

Previous: How does vue-cli eliminate some unwanted head when packing?

Next: Chrome application acquires card reader swiping data

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu