how to set the background color of the whole page in css

The body’s size is dynamic, it is only as large as the size of its contents.
In the css file you could use:
* {background-color: black} // All elements now have a black background.

or

html {background-color: black} // The page now have a black background, all elements remain the same.