Change the size of the background image to fit the entire page. - HTML CSS CSS

HTML CSS examples for CSS:Quiz

  1. HOME
  2. HTML CSS
  3. CSS
  4. Quiz

Description

Change the size of the background image to fit the entire page.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
html {<!--from ww  w . j a  va 2s .  co m-->
  background: url(https://www.java2s.com/style/demo/Google-Chrome.png) no-repeat center center fixed;
  background-size: cover;
}

body {
  color: white;
}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>
</html>

Related Tutorials